教育改变生活

标题: 【HTML5：第六章初识CSS】6-14 伪类选择器 [打印本页]

作者: 却尘 时间: 2021-11-29 09:34
标题: 【HTML5：第六章初识CSS】6-14 伪类选择器

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>

<style>

:target{ background-color: red; }

</style>

</head>

<body>

<p><a href="#first">first</a></p>

<p><a href="#second">second</a></p>

</body>

欢迎光临教育改变生活 (http://bbs.goldoar.com/)