【网站建设云网】
.empty{
width:500px;
height:20px;
‘ border:solid lpx #ccc;
)
.empty:empty{
width:500px;
height:20px;
background-color:#f'f0000;
)
应用此样式的代码如下:
<ul class="empty"></ul>
<ul class="empty">有内容就没有背景</ul>
浏览器中的浏览效果如图6-13所示。
图6-12 E:only-child选择符 图6-13 E:empty选择符
(7) E:not(s)否定伪类选择符
E:not(s)否定伪类选择符用于匹配所有不匹配简单选择符s的元素E。其格式为:
E:not(s):[att]
{
/*CSS代码*/
}
其中,E表示网页元素,
示例代码如下:
.e .txtnotf
width:200px;
color:#000;
color:#ff0000;
not(s)表示所有不匹配简单选择符s的元素E,att表示元素的属性。
应用此样式的代码如下:
<ul class="txtnot">
<li>这里不变色</li>
<li>
<span>这里是红色</span>
</li>
<^11>
/+定义匹配简单选择符的样式,红色黑字+/