css3选择器[编辑]
一 、通用选择器
1. *{}通配选择符(CSS2)：适合所有元素对象。
2. E类型(HTML)选择符（CSS1）：以文档语言对象类型DOM作为选择符。
3. E#myid是id选择符（CSS1）：以唯一标识符id属性等于myid的E对象作为选择符。
4. E.myclass是类class选择符(CSS1)：以class属性包含myclass的E对象作为选择符。
5. E F：包含选择符(CSS1)：选择所有被E元素包含的F元素。
CSS3新增的通用选择器：同级元素通用选择器：
1. 通用选择器E~F{}：匹配的是E元素之后的同级F元素匹配E后边所有的F，EF同级。只要F在E的后边，E只是作为一个参考。E~F { background:#ff0; }
2. 临近(相邻)选择器(css2)：E+F{}：EF元素相邻，即选择紧贴在E元素之后F元素。
3. 包含（子）选择器(css2)：E>F{}：EF不可以隔代，E只能匹配到下一个相邻辈F。
二 、属性选择器
1. E[att^="val"]：选择具有att属性且属性值为以val开头的字符串的E元素。
2. E[att$="val"]：选择具有att属性且属性值为以val结尾的字符串的E元素。
3. E[att*="val"]：选择具有att属性且属性值为包含val的字符串的E元素。
4. E[att|="val"] 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串
的E元素。
5. E[att] 选择具有att属性的E元素。
三、 伪类选择器
与用户界面有关的伪类：
1. E:enabled：匹配表单中激活的元素，表单中可操作的元素。
2. E： disabled="disabled" 。 eg:input[type="text"]:disabled { background:#ddd;} 只可以看不可操作。
3. E:checked：匹配表单中被选中的radio（单选框）或checkbox（复选框）元素
是整体伪类（匹配整个DOM文档）： (4) ::selection 匹配用户当前选中的元素，即设置对象被选择时的颜色。
结构性伪类
1. :root 匹配文档的根元素，对于HTML文档，就是只能匹配HTML根元素。
2. E:nth-child(n) 匹配其当前元素
E :nth-child(n):匹配其父元素E的第n个子元素，第一个编号为1
E F:nth-child(n):匹配其父元素E的第n个F元素，第一个编号为1（貌似只对ul 可用）
3. E:nth-last-child(n)：匹配其父元素的倒数第n个子元素，第一个编号为1。 E:last-child：匹配父元素的最后一个子元素，等同于:nth-last-child(1)。
4. E :nth-of-type(n)：与:nth-child(n)作用类似，但是仅匹配使用同种标签的元素。
5. E :nth-last-of-type(n)：与:nth-last-child(n) 作用类似，但是仅匹配使用同种标签的元素 。
6. E :first-of-type ：匹配父元素下使用同种标签的第一个子元素，等同于:nth-of-type(1) 。
7. E :last-of-type ：匹配父元素下使用同种标签的最后一个子元素，等同于:nth-last-of-type(1)。
8. E :only-child：匹配父元素仅有的一个子元素。。
9. E:only-of-type:匹配父元素下使用同种标签的唯一一个子元素，等同于:first-of-type,:last-of-type或 :nth-of-type(1),:nth-last-of-type(1) 。
10. E :empty 匹配一个不包含任何子元素的元素，注意，文本节点也被看作子元素.,空白节点也被看做子节点。
11. E:not(s) 匹配不符合当前选择器的任何元素 :not(:nth-child(1))。
网络营销词典内容均由网友提供，仅供参考。如发现词条内容有问题，请发邮件至info # wm23.com。