19. CSS3 结构性伪类选择器 :first-child
: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; }
效果如下:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 19. CSS3 结构性伪类选择器 :first-child
码云笔记 » 19. CSS3 结构性伪类选择器 :first-child