结构伪类:first-child表示( )。 A. 选择未被访问的链接 B. 选择作为其父元素的第一个子元素的元素 C. 选择作为其父元素的最后一个子元素的元素 D. 选择作为其父元素的第n个子元素的元素 相关知识点: 试题来源: 解析 B 答案:B 解析:结构伪类:first-child表示/*选择作为其父元素的第一个子元素的元素*...
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子元素选择出来 ; 代码示例 : 代码语言:javascript 复制 <!DOCTYPEhtml>...
前面已经分析过为什么p:first-child会没有效果,咱们再来看看p:first-of-type,首先找出所有的p元素,再来看看第一个是谁,这里面就是Next stage,所以它渲染为红色。 效果对比图 总结:E:first-of-type强调的是以元素种类划分,即先找到所有的E元素,再来找到第一个。 三.以此类推...
:first-child 伪类向元素的第一个子元素添加样式。 说明 利用:first-child 这个伪类,只有当元素是另一个元素的第一个子元素时才能匹配。例如,p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。一般可能认为这会选择作为段落第一个子元素的元素,但事实上并非如此,如果要选择段落的第一个子元素,...
1.:first-child :first-child匹配父元素的第一个子元素。 .container:first-child {color: red; } 在这个例子中,只有 "Paragraph 1" 会变成红色。:first-child只关心元素是否是其父元素的第一个子元素,而不管它的类型。 2.:first-of-type :first-of-type匹配父元素中同类型元素的第一个。
伪类:first-child和last-child 讲”伪类”之前我们首先讲一下”类”。 我们之前学过类,是通过向元素起名,就是给予一个class名称,通过class名称将这些元素归为一类。 而伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容。记住,是特征。 比如,当前这个元素的特点是,刚好有鼠标悬停,选定它...
:first-child:选取在一组兄弟元素中的第一个元素。 :first-of-type:选取在一组兄弟元素中的第一个指定元素。 解释一下:比如p:first-child{},选择的就是p元素的兄弟元素的第一个元素,且这个元素必须是p元素才被选择;div:first-of-type就是选择div的兄弟元素中的第一个div元素。
:first-child 伪类向元素的第一个子元素添加样式。 说明 利用:first-child 这个伪类,只有当元素是另一个元素的第一个子元素时才能匹配。例如,p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。一般可能认为这会选择作为段落第一个子元素的元素,但事实上并非如此,如果要选择段落的第一个子元素,...