結構性偽類選擇器—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; }
演示結果: