首页 > 试题广场 >

文本「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
查看答案及解析
添加回答
小石头201811161619407头像 小石头201811161619407 
    #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 回复(10)
penie头像 penie
CSS没有 text-color 以及font-color有background-color   给文字设置颜色只能color   所以排除了红 蓝 黄
> 选择的是子 选不了孙 所以排除了绿
发表于 2020-11-28 23:14:59 回复(0)
赖小诗头像 赖小诗
考的是细心，如果全部都可以作用的话，这时候就要计算权重了。 字体颜色不是font-color，而是color
编辑于 2019-03-07 08:20:22 回复(0)
默默努力的打工人头像 默默努力的打工人
只有color才能设置字体颜色
发表于 2020-09-09 10:35:59 回复(0)
zhouqctech头像 zhouqctech

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

发表于 2019-05-15 21:52:09 回复(0)
牛牛121头像 牛牛121
我以为我够仔细了，结果还是个大老粗。。。。
发表于 2021-10-04 23:18:51 回复(1)
牛客637168969号头像 牛客637168969号
CSS没有font-color和text-color
发表于 2021-10-09 08:50:09 回复(0)
甜_头像 甜_
CSS没有 text-color 以及font-color有background-color   给文字设置颜色只能color   所以排除了红 蓝 黄
> 选择的是子 选不了孙 所以排除了绿
发表于 2021-03-24 10:14:02 回复(0)
hongweizhu_com头像 hongweizhu_com

因为 color 可以改变字体颜色，所以只有 green black。

⚠️green 的那条规则是直接后代选择器。

编辑于 2021-01-05 17:20:09 回复(0)
飞向星辰大海头像 飞向星辰大海
font-color都搞出来了，气抖腿。。。。
发表于 2020-11-30 11:35:09 回复(0)
Dhun_LI头像 Dhun_LI
好家伙，光看颜色的单词了，没注意中text-color:red 和 font-color:blue 以及 font-color:yellow，哭了
发表于 2021-12-14 17:58:04 回复(0)
二又呗头像 二又呗
好题，我去看眼了
发表于 2022-03-12 00:47:54 回复(0)
星星数不清头像 星星数不清
<p>文本颜色由color决定</p><p>&gt; 子代选择器，必须是直接子节点</p>
发表于 2020-11-16 18:49:36 回复(0)
待看云开头像 待看云开
算了半天的权重，居然被 font-color 和 text-color 给算计了
编辑于 2024-01-09 19:55:46 回复(0)
初心201805312224427头像 初心201805312224427
淦
发表于 2023-08-09 20:00:01 回复(0)
郑工头像 郑工
考眼力吧，这道题
发表于 2023-03-27 20:27:40 回复(0)
正在奋力点亮技能树的Naraku头像 正在奋力点亮技能树的Naraku
符号>只能获取直接子元素 文字颜色只能通过color设置
发表于 2022-07-05 00:04:46 回复(0)
半忆头像 半忆
wow, 厉害了竟然是黑色
发表于 2022-05-12 19:42:16 回复(0)
牛客56622593号头像 牛客56622593号
&gt;直系后代才能作用
发表于 2021-11-15 19:40:06 回复(0)
牛不吃草~头像 牛不吃草~
字体颜色设置方式只有一种方式：color，没有 font-color, text-color 这一说
发表于 2022-09-19 17:19:13 回复(0)
提交观点

问题信息

CSS 前端工程师 乐信 HTML
来自：2019校园招聘前端开...
上传者：小小
难度：
22条回答 3583浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号