百度官网网站,网站主机多大,网站建设圣诞素材,湛江网站seo推广前言最近在项目中用到 :first-child 很容易的就想到了#xff0c;嗯嗯。这不就是选择第一个元素吗#xff1f;好像很好用#xff0c;平时使用中也没有遇到什么问题#xff0c;理所当然的就以为它只会选中父元素下的第一个元素#xff0c;对孙元素和曾孙元素没有影响。事实…前言最近在项目中用到 :first-child 很容易的就想到了嗯嗯。这不就是选择第一个元素吗好像很好用平时使用中也没有遇到什么问题理所当然的就以为它只会选中父元素下的第一个元素对孙元素和曾孙元素没有影响。事实证明我的理所当然是错的。E:first-child的第一个误区(只会选中我规定的区域中的一个不会遍历其下有多少个孙或曾孙元素)body p:first-child{background-color:yellow;}这个段落是其父元素(body)的首个子元素。欢迎访问我的主页这个段落不是其父元素的首个子元素。这个段落是其父元素(div)的首个子元素。这个段落不是其父元素的首个子元素。注释对于 IE8 及更早版本的浏览器中的 :first-child必须声明 。上面的代码真的是只会有一个p标签生效吗这是后就已经犯了我们常见的第一个误区认为body p:first-child选中的就是第一个元素。其实只要在我们选中的body这一块中如果这个p在其父元素中属于第一个那它就被选中。E:first-child的第二个误区(不管这个E元素前面有几个兄弟只要我是第一个E元素那我就会生效)还是上面的代码但是我们在body中的p标签前加了一个font标签发现p已经失效了。上面的两个例子已经很清楚的告诉我们了这个选择器到底应该怎么用:first-child 用于选取属于其父元素的首个子元素的指定选择器如何只选择指定元素中子元素呢不考虑膝下有多少个孙子和曾孙呢。子选择器() :只能选择作为某元素儿子元素的元素(直接子元素)不包括孙元素、曾孙元素等等等还拿上面的代码举例将添上试一下效果有时候使用错误的选择器却没有报错。但错了就是错了。总有被发现的时候。很庆幸这次的错误让我学到了知识。到此这篇关于css选中父元素下的第一个子元素(:first-child)的文章就介绍到这了,更多相关css父元素下的第一个子元素内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持
