6-14 伪类选择器 (1) E:root。选择E元素所在文档的根元素。 譬如,:root{background:#000} ,即可将页面背景色设置为黑色。 (2) E:empty。选择没有子元素的元素,且该元素也不包含任何文本节点。 例如: div{ height:20px; background:#ffcc00; } div:empty{ display:none; } <body> <div>1</div> <div> </div> <div></div> </body> (3) E:not。选择除某个元素之外的所有元素。 (4) E:target。选择相关URL指向的目标元素。:target选择器用于选取当前活动的目标元素。 示例: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> :target{ background-color: red; } </style> </head> <body> <p><a href="#first">first</a></p> <p><a href="#second">second</a></p> <p id="first"><b>第一</b></div> <p id="second"><b>第二</b></div> </body>
|