伪类选择器
1.E:link 设置超链接没有在访问之前的样式
(只对<a>生效)
2.E:visited 超链接在访问之后的样式
(只对<a>生效)
3.E:hover 鼠标悬停时样式
4.E:active 鼠标按下时的样式
5.E:not(S) 选择不含有s选择器的E
6.E:first-child 选中父元素的第一个子元素
7.E:last-child 选中父元素的最后一个子元素
8.E:only-child 父元素的唯一个子元素的时候生效
9.E:empty 不包含任何子元素的父元素生效
10.E:checked 匹配处于选中状态的E(经常与相邻选择器E+F 连用)
<style>
input:checked+label{
color: red;
}
</style>
</head>
<body>
<input type="radio" name="rad" id="1" /><label for="1">ddddd</label>
<input type="radio" name="rad" id="2" /><label for="2">dddd</label>
<input type="radio" name="rad" id="3" /><label for="3">sss</label>
</body>
</html>
11.E:nth-childn(n) 选择作为父元素的第几个子元素
关系选择器
包含选择器E F 所有被E包含的F元素。
子选择器 E>F 所有被E包含的直接F元素,只有儿子(女儿)生效。
相邻选择器E+F 选择E之后的第一个同级F元素
兄弟选择器E~F 选择E之后的所有同级F元素
属性选择器
E[att] 具有att属性的E元素
E[att="val"] 选择具有att属性,并且属性值为val的E元素。
E[att~="val"] 选择具有att属性,并且只要E属性值列表中有val,就生效
E[att^="val"] 选择具有att属性,并且属性值列表以字符串“val”开头的E元素
E[att$="val"] 选择具有att属性,并且属性值列表以字符串“val”结尾的E元素
E[att*="val"] 选择具有att属性,并且属性值列表当中包含字符串“val”的E元素
E[att|="val"] 选择具有att属性,属性值要使用链接符隔开,并且链接符前缀是val的E元素