css中的伪类帮助我们更好地控制HTML元素,针对子元素特别多的话,使用:of-child就非常方便。
ul li:first-of-child{ color:blue; }
这个例子中,我们让一个无序列表中的第一个li元素颜色变为蓝色。
table tr:nth-of-child(2n+1){ background-color:gray; }
这个例子中,我们让表格中的奇数行的背景色变为灰色。
nav li:last-of-child{ border:none; }
这个例子中,我们让导航栏中的最后一个li元素边框为none。
我们可以看到,使用:of-child伪类,可以灵活控制某些子元素的样式,非常方便。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。