css中的first-child选择器怎么用

这篇文章主要免费云主机、域名介绍了css中的first-child选择器怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
　　CSS3:first-child选择器怎么用？
　　:first-child选择器匹配其父元素中的第一个子元素。
　　语法：
　　元素:first-child
　　{
　　css样式
　　}
　　例：匹配的父元素的第一个元素
　　p:first-child
　　{
　　background-color:yellow;
　　}
　　注释：所有主流浏览器都支持:first-child选择器。对于IE8及更早版本的浏览器中的:first-child，必须声明。
　　CSS:first-child选择器的使用示例
　　示例1：选择每个中的每个元素并设置其样式，其中的元素是其父元素的第一个子元素：
　　

　　p:first-childi
　　{
　　background:yellow;
　　}
　　
　　
　　
　　Iamastrongman.Iamastrongman.
　　Iamastrongman.Iamastrongman.
　　
　　
　　效果图：
　　1.jpg
　　示例2：每一个
　　

　　ul>:first-child
　　{
　　background:yellow;
　　}
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　效果图：
　　2.jpg
　　以上就是CSS3:first-child选择器怎么用的详细内容，更多请关注php中文网其它相关文章！

感谢你能够认真阅读完这篇文章，希望小编分享的“css中的first-child选择器怎么用”这篇文章对大家有帮助，同时也希望大家多多支持云技术，关注云技术行业资讯频道，更多相关知识等着你来学习!

相关推荐: JavaScript如何弄一个延时器

这篇文章主要介绍了JavaScri免费云主机、域名pt如何弄一个延时器，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 在JavaScript中，可以使用setTimeout()函数来设置一个延时…