首页 > 试题广场 >

要将下面代码中超链接文本呈现为红色,不可以使用的样式表是(

[单选题]
要将下面代码中超链接文本呈现为红色,不可以使用的样式表是(      )。
<div><a href="http://www.w3.org/">链接到W3C</a></div>
  • a:link{color:red}
  • div a:link{color:red}
  • div>a:link{color:red}
  • div:first-child{color:red}
div:first-child
表示选择属于父元素的第一个子元素的每个 <div> 元素。
编辑于 2019-02-18 15:46:28 回复(0)

1.div:first-child
要满足的条件,首先必须得是div元素,还得是第一个子元素,如果不满足 就不会被选中

2.div:first-of-type
要满足的条件,首先必须得是div元素,还得是第一个出现的div元素,如果不满足 就不会被选中

3.nth-child
a:nth-child(5): 必须是a元素 必须是第五个子元素

4.nth-of-type:
a:nth-of-type:选中所有a元素中的第n个a元素

看来规律就是child相关的是绝对位置,type相关的是相对位置

编辑于 2019-10-02 19:52:47 回复(1)
D选项意为:第一个div元素将它的颜色设置为红色
而直接设置div的颜色无法覆盖a标签自带的文本颜色,所以不生效。
发表于 2022-02-21 12:08:23 回复(0)
选项C  &gt;为转义字符 相当于 >  
div>a:link{color:red}
div a 和 div > a 的区别:后者指作用到div下一级的 a 标签 ,仅一级
发表于 2020-06-23 17:47:42 回复(0)
a:first-child{
color:red;
}
<div> <a>111</a> </div>
a:first-child的意思就是在a元素的父元素div中,只有a元素的文本颜色变为红色,像nth-child等的css3选择器都是当前元素(a)的父元素(div)中选择a元素
发表于 2019-10-09 18:47:15 回复(0)
a元素不能继承父元素的字体颜色,因为浏览器本身对a元素有默认样式(user agent stylesheet),继承的被覆盖了。
发表于 2020-08-12 23:50:23 回复(0)
div a 和 div &amp;gt; a 的区别———后者指作用到div下一级的 a 标签 ,仅一级  div:first-child和div:first-of-type的作用和区别 div:first-child,先找到div元素,看看它是不是父元素的长子,如果是,那么就匹配之。 div:first-of-type,先找到div元素,看看它是不是父元素的第一种标签类型,如果是,那么匹配之。
编辑于 2019-09-24 23:22:20 回复(0)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
div:first-child
{
	background-color:yellow;
}
</style>
</head>
<body>

<div>
	其父元素(body)的首个子元素.
	<div>heihei1</div>
	<div>heihei2</div>
</div>

<p><b>注意:</b> :first-child作用于 IE8以及更早版本的浏览器, DOCTYPE必须已经声明.</p>

</body>
</html>

div:first-child  
表示选择属于父元素的第一个子元素的每个 <div> 元素。

发表于 2021-02-06 23:34:53 回复(0)
div:first-child属于组合选择器 既满足是div元素,又满足是父级元素的“第一个孩子”,至于父级元素是谁,无所谓。 div :first-child属于后代选择器 必须是div元素的“第一个孩子”,父级元素明确要求是div元素,至于“第一个孩子”是什么元素,无所谓。
发表于 2022-06-26 09:28:05 回复(1)
div:first-child指的是第一个div元素
发表于 2021-04-29 19:10:42 回复(0)
div 并没有作为谁的孩子  更别说第一个孩子
发表于 2020-11-28 22:47:03 回复(0)
亲测 d选项是由于:前面要有空格导致
发表于 2020-03-08 22:51:28 回复(1)
能否请大神解释一下c选项
发表于 2020-02-11 17:47:38 回复(2)
The :first-child CSS pseudo-class represents the first element among a group of sibling elements.
发表于 2023-01-08 11:59:50 回复(0)
d选项,要求既是div又是父元素的第一个孩子的元素,无论父亲是谁!
发表于 2022-10-31 15:42:26 回复(0)
div:first-child 表示选择属于父元素的第一个子元素的每个
元素。
发表于 2022-04-21 09:20:26 回复(0)
D选项,first-children不就是第一个子元素吗,div里面不就只有一个子孩子吗,那不就是a吗
发表于 2022-04-14 23:20:21 回复(0)

a:nth-child(5): 必须是a元素 必须是第五个子元素

a:nth-of-type:选中所有a元素中的第n个a元素

看来规律就是child相关的是绝对位置,type相关的是相对位置

发表于 2021-11-16 08:18:37 回复(0)
D选项改为 div:first-child a{color:red;}即可
发表于 2021-10-18 10:10:08 回复(0)
选择为第一个子元素的div
发表于 2020-12-02 12:15:56 回复(0)