h1:first-child 匹配不到任何元素,因为在这里h1是div... CSS的nth-child使用方法 神飞 选择最后一个元素 li:last-child { color: green; } 选择倒数第二个 li:nth-last-child(2){ ... 有趣的是,:first-child 和:last-child被IE 7支持,但是知道... 环球网校官方网站-移动学习 职达未来 环球网校成立...
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效 p:first-child{color:#f00;} 1 2 3 你把这里的span去掉和加上再看效果 就明白了
:first-child:选取在一组兄弟元素中的第一个元素。 :first-of-type:选取在一组兄弟元素中的第一个指定元素。 解释一下:比如p:first-child{},选择的就是p元素的兄弟元素的第一个元素,且这个元素必须是p元素才被选择;div:first-of-type就是选择div的兄弟元素中的第一个div元素。 比如,这样使用div:first-chil...
1.first-child 选择列表中的第一个标签 li:first-child{color:red} 2. last-child 选择列表中的最后一个标签 li:last-child{color:pink} 3.nth-child(n) 这里的n为数字,表示选择列表中的第n个标签 例如选择第三个标签 li:nth-child(3){color:pink} 4.nth-child(2n) 选择列表中的偶数,选中 2、4、6...
li:first-child{ background:yellow; } li:last-child{ background:blue; } 2.对指定序号的子元素使用样式 li:nty-child(2){ background:yellow; }//对第二个子元素设定背景色 li:nth-last-child(2){ background:blue; }//对倒数第二个
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个元素的第一个元素 —— 即是第一个元素又是从最后一个元素开始数的第二个元素 ...
css选择当前元素下的第一个元素 css选择当前元素下的第一个元素:first-child li:first-child{ background:#fff } 第二个元素可以这样写:nth-child() li:nth-child(2){ background:#fff } 总结: 1、first-child first-child表示选择列表中的第一个标签。例如:li:first-child{background:#fff}...
最近在项目中用到:first-child很容易的就想到了,嗯嗯。这不就是选择第一个元素吗? 好像很好用,平时使用中也没有遇到什么问题,理所当然的就以为它只会选中父元素下的第一个元素,对孙元素和曾孙元素没有影响。事实证明,我的理所当然是错的。 E:first-child的第一个误区(只会选中我规定的区域中的一个,不会...
我们可以通过 CSS 来实现这样的效果,CSS 给我们提供了几个结构伪类选择器:first-child、last-child、nth-child(n)。 二、基本使用方法 1.常见使用方法 first-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: li:first-child{