CSS3 结构性伪类选择器—first-child
“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素
例如:将无序列表的第一个项目符号和内容设置为红色。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>结构性伪类选择器—first-child</title> <style> ul>li:first-child,ul>li:first-child a{ color:red; } </style> </head> <body> <ul> <li><a href="##">Link1</a></li> <li><a href="##">Link2</a></li> <li><a href="##">Link3</a></li> <li><a href="##">Link4</a></li> <li><a href="##">Link5</a></li> </ul> </body> </html>
Dcr163的博客
http://dcr163.cn/122.html(转载时请注明本文出处及文章链接)