1、常用的CSS选择器
|
Element [attr]
|
选择拥有该属性的元素 |
|
Element [attr = "val"]
|
选择拥有特定属性值的元素
|
|
Element [attr ~= "val" ]
|
选择属性的之中包含该属性值的元素 |
|
Element [attr ^= "val" ]
|
选择拥有以该值开头的属性的元素
|
|
Element [attr $= "val" ]
|
选择拥有以该值结尾的属性的元素
|
|
Element [attr *= "val" ]
|
选择该属性的值中包含该字符串的元素
|
|
Element [attr |= "val" ]
|
选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素，如果属性值仅为val，也将被选择。
|
6、伪类选择器：
| E: link | 超链接未点击前的样式 |
|
E:visited
|
超链接点击后的样式
|
|
E:hover
|
鼠标移到超链接的样式
|
| E:active |
超链接点击时的样式
|
| E:focus |
获得焦点的样式
|
|
E:lang（en）
|
匹配使用特殊语言的元素
|
|
E:not（伪类选择器）
|
匹配不含有伪类选择器的元素E
|
|
E:root
|
匹配该元素在文档中的根元素
|
|
E:first-child
|
匹配元素的第一个子元素
|
|
E:last-child
|
匹配元素的最后一个子元素
|
|
E:only-child
|
匹配父元素仅有的一个子元素E
|
|
E:nth-child(n)
|
匹配第几个子元素
|
|
E:nth-last-child(n)
|
匹配父元素的倒数第n个子元素E，假设该子元素不是E，则选择符无效。
|
|
E:first-of-type
|
匹配同类型中的第一个同级兄弟元素E
|
|
E:last-of-type
|
匹配同类型中的最后一个同级兄弟元素E
|
|
E:only-of-type
|
匹配同类型中的唯一的一个同级兄弟元素E
|
|
E:nth-of-type(n)
|
匹配同类型中的第n个同级兄弟元素E
|
|
E:nth-last-of-type(n)
|
匹配同类型中的倒数第n个同级兄弟元素E
|
|
E:empty
|
选择内容为空的元素
|
|
E:checked
|
匹配用于选中的表单元素（radio/checkbox)
|
|
E:enabled
|
匹配可用的表单元素 |
|
E:disabled
|
匹配不可用的表单元素
|
|
E:target
|
匹配相关URL指向的E元素。（锚点连接）
|
原文：http://www.cnblogs.com/cabbagen/p/4715136.html