首页
学习
活动
专区
工具
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

2.8K50

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

98610

【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.2K30

关于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.2K20

Node.js 安全发布:Windows 上通过 child_process.spawn 可能存在命令注入

安全发布可用 对于以下问题,现在为 18.x、20.x、21.x Node.js 发布线提供了更新。...在 Windows 上未启用 shell 选项的情况下通过 child_process.spawn 的 args 参数进行命令注入(CVE-2024-27980)- (高风险) 由于在 child_process.spawn.../ child_process.spawnSync 中批处理文件的处理不当,恶意命令行参数可以注入任意命令并实现代码执行,即使未启用 shell 选项也是如此。...总结 Node.js 项目将于 2024 年 4 月 9 日或之后发布 18.x、20.x、21.x 发布线的新版本,以解决: 1 个高风险问题 影响 Node.js 的 18.x 发布线受到 1 个高风险问题的影响...Node.js 的 20.x 发布线受到 1 个高风险问题的影响。Node.js 的 21.x 发布线受到 1 个高风险问题的影响。 发布时间 发布将在 2024 年 4 月 9 日或之后提供。

31010
领券