結構性偽類選擇器—first-child
表示的是選擇父元素的第一個子元素的元素E。
簡單點理解就是選擇元素中的第一個子元素,記住是子元素,而不是後代元素。
通過“:first-child”選擇器定位列表中的第一個列表項,並將序列號顔色變爲紅色。
HTML代碼:
<ol> <li><a href="##">Link1</a></li> <li><a href="##">Link2</a></li> <li><a href="##">link3</a></li> </ol>
CSS代碼:
ol > li{
font-size:20px;
font-weight: bold;
margin-bottom: 10px;
}
ol a {
font-size: 16px;
font-weight: normal;
}
ol > li:first-child{
color: red;
}演示結果:
