first-of-child CSS选择器我们要查找其中的元素,如果使用下面的定义方法p:first-child&n... h1:first-child 匹配不到任何元素,因为在这里h1是div... CSS的nth-child使用方法 神飞 选择最后一个元素 li:last-child { color: green; } 选择倒数第二个 li:nth-last-child(2){ ... 有趣的是,:first-chil...
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效 p:first-child{color:#f00;} 1 2 3 你把这里的span去掉和加上再看效果 就明白了
:first-child & :first-of-type :first-child:选取在一组兄弟元素中的第一个元素。 :first-of-type:选取在一组兄弟元素中的第一个指定元素。 解释一下:比如p:first-child{},选择的就是p元素的兄弟元素的第一个元素,且这个元素必须是p元素才被选择;div:first-of-type就是选择div的兄弟元素中的第一个div...
:last-childp:last-child(last倒数 child子元素)(找倒数第一个子元素为p) :first-of-typep:first-of-type(first第一个 type类型)(找第一个p) :last-of-typep:last-of-type(last倒数 type类型)(找倒数第一个p) :nth-child(n)p:nth-child(2)(2第二个 child子元素)(找第二个子元素为p) :nth-l...
css选择器中:first-child与:first-of-type是比较容易混淆的概念,这里用案例介绍它们具体的区别。 :first-child 选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: 第一个子元素第二个子元素第三个子元素第四个子元素 p:first-child 匹配到的是p元素,因为p元素是div...
第一个元素:CSS中的第一个元素指的是选择器匹配到的第一个元素。在HTML文档中,元素的顺序是由它们在DOM树中的位置决定的。如果我们想要选择第一个出现的元素并对其应用样式,可以使用:first-child伪类选择器。 :first-child伪类选择器用于选择某个元素的第一个子元素。它的语法如下: 代码语言:txt 复制 ...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} ...
:first-child:nth-last-child(1) 选择只有一个元素的第一个元素 —— 即是第一个元素又是从最后一个元素开始数的第一个元素 :first-child:nth-last-child(2) 仅有2个元素的第一个元素 —— 即是第一个元素又是从最后一个元素开始数的第二个元素 ...
1、first-child first-child表示选择列表中的第一个标签。例如:li:first-child{background:#fff} 2、last-child last-child表示选择列表中的最后一个标签,例如:li:last-child{background:#fff} 3、nth-child(3) 表示选择列表中的第3个标签,例如:li:nth-child(3){background:#fff},代码中的3也可以改成其...
css可以通过一些选择器来实现选择父元素下某个元素的效果。 选择器有: :first-child p:first-child(first第一个 child子元素)(找第一个子元素为p) :last-child p:last-child(last倒数 child子元素)(找倒数第一个子元素为p) :first-of-type p:first-of-type(first第一个 type类型)(找第一个p) ...