<style type="text/css">
/*
站在父元素的角度,只能有一個span子元素
*/
/* .box span:only-child{
color:red
} */
/*
站在父元素的角度,保證有一個span子元素
*/
/* .box span:only-of-type{
color:red
} */
.box{
height: 100px;
background: pink;
}
/* 選中當前元素,且該元素裏沒有子元素,包括空格 */
.box:empty{
border:1px solid red;
}
/* 選中某些元素,且排除符合某個條件的元素 */
ul>li:not(.three){
color:red;
}
</style>
<body>
<div class="box">
<span>我是span</span>
</div>
<div class="box"></div>
<div class="box"> </div>
<ul>
<li>1</li>
<li>2</li>
<li class="three">3</li>
<li>4</li>
<li>5</li>
</ul>
</body>