结构伪类:first-child表示( )。 A. 选择未被访问的链接 B. 选择作为其父元素的第一个子元素的元素 C. 选择作为其父元素的最后一个子元素的元素 D. 选择作为其父元素的第n个子元素的元素 相关知识点: 试题来源: 解析 B 答案:B 解析:结构伪类:first-child表示/*选择作为其父元素的第一个子元素的元素*...
-- 会被 li:nth-child(2n) 选中 --> :first-child :first-child伪类用于选择父元素中的第一个子元素。这个伪类非常直接,只选择第一个子元素,不考虑元素的类型。 例如,li:first-child会选择每个ul或ol中的第一个li元素。 Item 1<!-- 会被 li:first-child 选中 -->Item 2<!-- 不会被选中 -->Item...
first-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: li:first-child{ color: red; } last-child:选择列表中的最后一个标签。 举例,最后一行字体显示为绿色,代码如下: li:last-child{ color: green; } 2.nth-child(n) & nth-last-child(n) ①nth-child(n):选择列表中的第 n...
1、E:first-child 选择器 E:first-child 选择器 :E 表示 HTML 标签类型 , 该选择器 选择 匹配的父容器 中的 第一个 E 类型标签 子元素 ; 下面的示例中有 5 个标签 ,标签是父容器 ,ul li:first-child就是将父容器中的第一个li子元素选择出来 ; 代码示例 : 代码...
1.:first-child :first-child匹配父元素的第一个子元素。 .container:first-child {color: red; } 在这个例子中,只有 "Paragraph 1" 会变成红色。:first-child只关心元素是否是其父元素的第一个子元素,而不管它的类型。 2.:first-of-type :first-of-type匹配父元素中同类型元素的第一个。
伪类选择器 伪类名 描述 :active 选择**的元素 :focus 选择有输入焦点的元素 :hover 选择鼠标悬停在上方的元素 :link 选择未访问的链接 :visited 选择已访问的链接 :first-child 选择第一个子元素 伪元素选择器 伪元素名 描述 :first-letter 选择文本的首字母 :first-line 选择文本的首行 :after 在元素的后面...
1):first-child:选取父元素的第一个子元素。 示例:将列表中的第一个项目的背景色改为绿色: li:first-child { background-color: green; } 2):last-child:选取父元素的最后一个子元素。 示例:将列表中的最后一个项目的背景色改为红色: li:last-child { ...
原文:那些年踩过的坑之:first-child伪类选择器 :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。——w3school 嗯,乍一看好像说的不是很明白,因此这个选择器很容易让人误解,通常会有两种误解: 误解一:认为E:first-child选中E元素的第一个子元素。
前面已经分析过为什么p:first-child会没有效果,咱们再来看看p:first-of-type,首先找出所有的p元素,再来看看第一个是谁,这里面就是Next stage,所以它渲染为红色。 效果对比图 总结:E:first-of-type强调的是以元素种类划分,即先找到所有的E元素,再来找到第一个。 三.以此类推...