1.使用否定选择器
否定选择器可以对任意选择器取反。
<style type="text/css"> a:not([href*="apress"]) { border: thin black solid; padding: 4px; } </style>
⚠️这个选择器匹配子元素没有包含apress字符串的href元素的所有元素。
2.使用:empty 选择器
:empty 选择器匹配没有定义任何子元素的元素。
3.使用:lang选择器
lang选择器匹配基于lang全局属性值的元素。
<style type="text/css"> :lang(en) { border: thin black solid; padding: 4px; } </style>
该选择器匹配具有lang属性代表其内容采用英语表达的元素。
4.使用:target选择器
:target选择器匹配URL片段标识符指向的元素。
<style type="text/css"> :target { border: thin black solid; padding: 4px; color:red; } </style>
小结:
使用选择器可以匹配大量元素,组合多种选择器也能将目标元素锁定为HTML文档的特定部分。