1、E:first-child 选择器 E:first-child 选择器 :E 表示 HTML 标签类型 , 该选择器 选择 匹配的父容器 中的 第一个 E 类型标签 子元素 ; 下面的示例中有 5 个标签 ,标签是父容器 ,ul li:first-child就是将父容器中的第一个li子元素选择出来 ; 代码示例 : 代码语言:javascript 复制 <!DOCTYPEhtml>...
“:last-child”选择器与“:first-child”选择器作用类似,不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如,需要改变的是列表中的最后一个“li”的背景色,就可以使用这个选择器, ul>li:last-child{background:blue;} 示例演示 在博客的排版中,每个段落都有15px的margin-bottom,假设不想让博...
一个页面中无论有几个ul列表,只要设置first-child、last-child,那么所有ul列表项的第一个和最后一个列表项目都会有设置的样式。 2.nth-child、nth-last-child (IE8不兼容) html: 列表 列表项目1 列表项目2 列表项目3 列表项目4 列表项目5 列表项目6 css: ul {list-style: none;} li:nth-child...
first-child、last-child、nth-child()、nth-last-child()、nth-of-type()、nth-last-of-type()、first-of-type、last-of-type、only-child、only-of-type、empty 1.first-child:选择其父元素的首个子元素的每个element元素 2.last-child:选择其父元素的最后一个子元素的每个element元素 3.nth-child():...
介绍一下常用的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。结构性伪类选择器的公共特征是允许开发者根据文档结构来指定元素的样式。接下来开始进入正题。
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不兼容) ...
E:first-child:匹配元素类型为E且是父元素的第一个子元素 E:last-child:匹配元素类型为E且是父元素的最后一个子元素 除了上面根据序号来定位相关元素的样式,还可以使用first-child和last-child来进行定位。 E > F E元素下面第一层子集 E ~ F E元素后面的兄弟元素 ...
:first-child是用来选择某个元素的第一个子元素,比如我们这里的这个demo,你想让列表中的"1"具有与从不同的样式,按照之前的写法,我们需在要第一个li上加上一个相应的class名,比如说“first”,然后我们在给予对应的样式,如下: .wrap li.first{background:green;border:1pxdashed blue;} ...
:first-child 父元素中第一个子元素 语法 父元素 子元素标签名:first-child {} 代码练习 div p:first-child { color: purple; } :last-child 父元素中最后一个子元素 语法 父元素 子元素标签名:last-child {} 代码练习 div div:last-child { color: blue; } :nth-child(n) 父元素中自行指定子元素...
百度试题 题目CSS3中,()选择器用于为父元素中的第一个子元素设置样式 相关知识点: 试题来源: 解析 first-child 反馈 收藏