选择器

选择器
简单选择器
关系选择器
组合选择器
属性选择器
伪类选择器
伪元素选择器
...
css2选择器:
属性选择器:
1 E[att]:E泛指所有元素,选择具有att属性的E元素---IE7
2 E[att="val"]:选择具有att属性且属性值为val的E元素---IE7
3 E[att~="val"]:选择具有att属性且属性值为用空格分隔的字词列表,其中一个等于val的E元素---IE7
4 E[att|="val"]:选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素---IE7
字符串:凡是用单引号或者双引号包着内容,我们都可以叫做字符串
伪类选择器:
1 E:first-child:匹配父元素的第一个子元素E。
注意:要使该属性生效,E元素必须是某个元素的子元素
2 E:link E:visited E:hover E:active---ie6
E:focus 在输入焦点时发生的样式变化,一般用于表单元素---ie8

****************华丽分割线*****************
css3选择器

一 关系选择器
1 兄弟选择器(E~F):选择E元素后面的所有兄弟元素F(ie7)
二 属性选择器
1 E[att^="val"]:选择具有att属性且属性值以val开头的字符串的E元素(ie7)
2 E[att$="val"]:选择具有att属性且属性值以val结尾的字符串的E元素(ie7)
3 E[att*="val"]:选择具有att属性且属性值包含val的字符串的E元素(ie7)
三 伪类选择器
1 E:not(s):匹配不含有s选择器的元素E---(ie9)
2 E:last-child:匹配父元素的最后一个子元素E---(ie9)
3 E:only-child:匹配父元素仅有的一个子元素E---(ie9)
4 E:nth-child(n):匹配父元素的第n个子元素E---(ie9)
odd:奇数
even:偶数
以上伪类选择器只能写在子元素上面,不能写在父元素上面
5 E:empty:匹配没有任何子元素的元素E---(ie9)
其中子元素中如果有文本的话,那么认为文本也是子元素
6 E:enabled:匹配用户界面上处于可用状态的元素E---(ie9)
E:disabled:匹配用户界面上处于禁用状态的元素E---(ie9)
7 E:checked:匹配用户界面上处于选中状态的元素E---(ie9)

四 伪元素选择器---(ie8)
1 E:before
2 E:after

原文地址:https://www.cnblogs.com/love-8023/p/7650629.html