首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS3---first-child或者nth-child(1) 不起作用的原因

    一、零碎      1、first-child、last-child、nth-child(n)、nth-child(2n)、nth-child(2n-1)、nth-child(odd)、nth-child...(even)、nth-last-child(3)(倒数第三个)           注意点: 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。           ...元素)的父类           2、其次找到父类下的第n个子元素           3、最后看该子元素是不是1中的伪类调用者,如果是,则应用css,否则不应用           ----》有时候first-child...或者nth-child(1) 不起作用的原因 /*此时first-child不起作用,是因为.tap_con的父元素win的第一个子元素是.top,此时找到第一个子元素,但是其并不是.tab_con*/...tab_con"> ========================================================== .tab_con:first-child

    3K50

    css选择器中:first-child与:first-of-type的区别

    http://www.cnblogs.com/2050/p/3569509.html :first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。...p:first-child  匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child  匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个; span:first-child...  匹配不到任何元素,因为在这里两个span元素都不是div的第一个子元素; 然后,在css3中又定义了:first-of-type这个选择器,这个跟:first-child有什么区别呢?...所以,通过以上两个例子可以得出结论: :first-child 匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。...同样类型的选择器 :last-child  和 :last-of-type、:nth-child(n)  和  :nth-of-type(n) 也可以这样去理解。 分类: css+html

    1.1K10

    【CSS3】CSS3 结构伪类选择器 ( E:first-child E:last-child 选择器 | E:nth-child(n) 选择器 | E:nth-of-type 选择器 )

    一、CSS3 结构伪类选择器 ---- 常见的 结构伪类选择器 : E:first-child 选择器 : E 表示 HTML 标签类型 , 该选择器 选择 匹配的父容器 中的 第一个 E 类型标签 子元素...; ul li:first-child { /* 结构伪类选择器 选择 ul 父容器下的 第一个 li 子元素 */ background-color...; E:last-of-type 选择器 : 该选择器 指定 父容器中最后一个 E 类型标签 ; E:nth-of-type 选择器 : 该选择器 指定 父容器中第 n 个 E 类型标签 ; 二、E:first-child.../ E:last-child 选择器 ---- 1、E:first-child 选择器 E:first-child 选择器 : E 表示 HTML 标签类型 , 该选择器 选择 匹配的父容器 中的 第一个...E 类型标签 子元素 ; 下面的示例中有 5 个 标签 , 标签是父容器 , ul li:first-child 就是将 父容器中的第一个 li 子元素选择出来 ; 代码示例

    1.3K30

    关于css的八个结构伪类选择器 :last-child、:first-of-type、:nth-last-of-type()

    Live Server插件为了实现实时修改保存后自动刷新页面的功能,在我们打开Open with Live Server时自动创建了一个script标签,写入了js代码 因为在body中自动创建了script...first-child:选取在一组兄弟元素中的第一个元素。...比如,这样使用div:first-child选择第一个div,并设置背景为天蓝色: 但是如果在第一个div前加上一个p元素,那么div:first-child就不再选择得到第一个div元素,因为div...的第一个兄弟元素不是div: 而如果把:first-child改成:first-of-type选择器,即使div的兄弟元素中第一个元素为p元素,也会选择到第一个div元素: :last-child...总结 在以上八个伪类选择器中,:first-child :last-child :nth-child(n) :nth-last-child(n)在选择元素时,是按照其所有类型的兄弟元素开始计数,而:first-of-type

    1.6K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券