1、否定选择器
否定选择器可以对任意选择取反。这个选择器可谓相当实用,不过却常常被忽略。
a:not([href*="apress"]) {
padding: 4px;
}
2、:empty选择器
:empty选择器匹配没有定义任何子元素的元素。
3、:lang选择器
:lang选择器匹配基于lang全局属性值的元素。
:lang(en) {
padding: 4px;
}
<a lang="en-us"></a>
该选择器匹配具有lang属性代表其内容采用英语表达的元素。
4、:target选择器
如果HTML文档example.html中包含一个id值为myelement的元素,那么你就可以直接通过请求example.html#myelement导航到该元素。:target选择器匹配URL片段标识符指向的元素。
:target {
color: red;
}
<p id="mytarget">
i like yxx.
</p>
<!--通过https://www.baidu.com/test.html#mytarget访问p元素的时候,应用target样式。-->