first-child(IE7兼容)、last-child(IE8不兼容)html: 列表 列表项目1 列表项目2 列表项目3 列表项目4 css: ul {list-style: none;} ... 1. first-child(IE7兼容)、last-child(IE8不兼容) html: 列表 列表项目1 列表项目2 列表项目3 列表项目4 css: ul {list-style: none;} li:first...
“:last-child”选择器与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如,需要改变的是列表中的最后一个“li”的背景色,就可以使用这个选择器, ul>li:last-child{background:blue;} 示例演示 在博客的排版中,每个段落都有15px的margin-bottom,假设不想让博...
}/* 2个 */li:first-child:nth-last-child(2),li:first-child:nth-last-child(2) +li{width:50%;height:50%; }li:first-child:nth-last-child(2) +li{margin-left: auto; }/* 3个 */li:first-child:nth-last-child(3),li:first-child:nth-last-child(3) ~li{width:50%;height:50%; }...
介绍一下常用的css3结构伪类选择器,nth-child、nth-last-child 、 nth-of-type、nth-last-of-type、 first-child 、last-child 、first-of-type 、last-of-type、only-child以及only-of-type。结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。接下来开始进入正题。 一、E:nth-child 和...
1. first-child(IE7兼容)、last-child(IE8不兼容) 2.nth-child、nth-last-child (IE8不兼容) 3. 对奇数、偶数使用样式 4. nth-of-type(IE8不兼容):只针对同类型的元素进行计算 5. 循环使用样式 li:nth-child(4n+1) 1. first-child(IE7兼容)、last-child(IE8不兼容) ...
:first-child 父元素中第一个子元素 语法 父元素 子元素标签名:first-child {} 代码练习 div p:first-child { color: purple; } :last-child 父元素中最后一个子元素 语法 父元素 子元素标签名:last-child {} 代码练习 div div:last-child { color: blue; } :nth-child(n) 父元素中自行指定子元素...
:first-child是用来选择某个元素的第一个子元素,比如我们这里的这个demo,你想让列表中的"1"具有与从不同的样式,按照之前的写法,我们需在要第一个li上加上一个相应的class名,比如说“first”,然后我们在给予对应的样式,如下: .wrap li.first{background:green;border:1pxdashed blue;} ...
---》有时候first-child或者nth-child(1) 不起作用的原因 代码语言:javascript 复制 /*此时first-child不起作用,是因为.tap_con的父元素win的第一个子元素是.top,此时找到第一个子元素,但是其并不是.tab_con*/===.tab_con:first-child{background:#090!important;}===...
百度试题 题目CSS3中,()选择器用于为父元素中的第一个子元素设置样式 相关知识点: 试题来源: 解析 first-child 反馈 收藏
4.3.1、:first-child 匹配属于父元素中的首个子元素 4.3.2、:last-child 匹配属于其父元素中的最后一个子元素 4.3.3、:empty 匹配没有子元素(包含文本内容)的元素 4.3.4、:only-child 匹配属于其父元素中的唯一子元素 4.3.5、:nth-child(n)匹配属于其父元素中的第n个子元素 ...