您的位置:首页 > Web前端 > CSS

css3选择器

2015-04-11 09:23 197 查看
/**
* 1、基本选择器
* 1.1、通配符选择器(*)
* 1.2、元素选择器(E)
* 1.3、id选择器(#id)
* 1.4、class选择器(.class)
*         IE6中不支持多类选择器(.class1.class2),等价于只有末尾的类名(.class2)
* 1.5、群组选择器(selector1, selector2...)
*
* 2、层次选择器
* 2.1、后代选择器(E F)
* 2.2、子选择器(E > F)
* 2.3、相邻兄弟选择器(E + F)
* 2.4、通用兄弟选择器(E ~ F)
*         E选择器后面的所有为F选择器的兄弟元素
*
* 3、伪类选择器
* 3.1、动态伪类选择器
* 3.1.1、:link
* 3.1.2、:visited
* 3.1.3、:hover
* 3.1.4、:active
* 3.1.5、:focus
* 3.2、目标伪类选择器(:target)
* 3.3、语言伪类选择器(:lang(语言名))
* 3.4、UI状态伪类选择器
* 3.4.1、:checked
* 3.4.2、:enabled
* 3.4.3、:disabled
* 3.5、结构伪类选择器
* 3.5.1、:first-child
* 3.5.2、:last-child
* 3.5.3、:root
* 3.5.4、:nth-child()
* 3.5.5、:nth-last-child()
* 3.5.6、:nth-of-type()
* 3.5.7、:nth-last-of-type()
* 3.5.8、:first-of-type
* 3.5.9、:last-of-type
* 3.5.10、:only-child
* 3.5.11、:only-of-type
* 3.5.12、:empty
*             选择没有任何内容的元素,没有任何内容包括空格,用来处理后台输出空类容时。
* 3.6、否定伪类选择器(:not())
*
* 4、伪元素选择器
* 4.1、::first-letter
* 4.2、::first-line
* 4.3、::before
* 4.4、::after
* 4.5、::selection
*         ::selection仅接收两个属性background和color
*
* 5、属性选择器
* 5.1、E[attr]
* 5.2、E[attr=val]
* 5.3、E[attr|=val]
*         属性以val开头或val-开头
* 5.4、E[attr~=val]
*         属性以空格隔开其中一个是val
* 5.5、E[attr*=val]
* 5.6、E[attr^=val]
* 5.7、E[attr$=val]
*/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: