首页 > 试题广场 > 文本”Hello, world.”显示的颜色是?
[单选题]
文本”Hello, world.”显示的颜色是?
<style>
    #content .text {text-color:red;}

    #content>.title {color:green;}

    #content div.title {font-color:blue;}

    strong {font-color:yellow;}

    * {color:black;}

</style>

<div id="content">

    <span class="text"><strong class="title">Hello, world.</strong></span>

</div>
  • red
  • yellow
  • blue
  • black
  • green

3个回答

添加回答
    #content .text {text-color:red;}
    #content>.title {color:green;}
    #content div.title {font-color:blue;}
    strong {font-color:yellow;}
    * {color:black;}

仔细看这一段 css,其中 text-color:red 和 font-color:blue 以及 font-color:yellow 都是无效的
也就是说,只剩下了 #content>.title {color:green;} * {color:black;}
其中 > 选择器是直系后代,在 DOM 中  <strong> 标签和 <div id="content"></div> 中间还隔了一层 <span> 标签,所以 #content>.title {color:green;} 也是无法作用于无效 <strong> 标签

只剩下了 * {color:black;} 所以答案为 D
同学们(敲黑板!),这道题考的是视力啊!
编辑于 2018-12-27 16:45:24 回复(0)
考的是细心,如果全部都可以作用的话,这时候就要计算权重了。 字体颜色不是font-color,而是color
编辑于 2019-03-07 08:20:22 回复(0)

这道题本来可以出的更好,即把text-color, font-color都改为color,这样就有意思了

发表于 2019-05-15 21:52:09 回复(0)