首页 > 试题广场 >

问 123 的颜色是？

[单选题]

<style>
    .main{
        color:blue
    }
    span{
        color:green
    }
</style>
<div style="color:red !important" class=""main"">
    <span>123</span>
</div>

问 123 的颜色是？

```
red
```
```
blud
```
```
green
```
```
white
```

查看正确选项

已注销

记住继承的样式优先级为0，虽然加了！import的样式优先级是最高的，但是对于span而言，color这个样式是可以继承，所以优先级是没有自身设置的样式的优先级高的，所以颜色为绿色。

发表于 2019-07-02 09:38:48 回复(1)

黑猫警长长

首先，优先级顺序：

！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

在这道题目：

对于span有两种种影响样式的方式，

(1)继承自父div的color

而对于color而言，它受到类选择器和一个内联样式的影响，并且在这个内联样式中又有一个！important，最为最高级影响 (！important>内联>类选择器)，这就使得div的颜色为red,而作为其子元素的span也应该继承自父元素的color

(2)标签选择器span

但比较这两种影响，（1）作为样式继承的优先级为0,（2）作为标签选择器的优先级为1，所以（2）的优先级以微弱优势高于（1），所以最终采用标签选择器定义的green

编辑于 2019-07-19 16:26:57 回复(2)

那年、那天

div是span的父级，继承的样式权重小于给自身设置样式的权重

发表于 2019-12-16 20:49:25 回复(0)

弹铁蛋同学

为什么不是a

发表于 2019-06-28 08:32:04 回复(2)

在对齐目标的LOLO很讲原则

自身的样式永远大于父类的样式

发表于 2020-04-30 21:01:31 回复(0)

牛牛121

又是粗心大意的一天

发表于 2021-09-27 16:46:37 回复(0)

ssy2017

题目问的是span标签的颜色，对于span标签来讲，可以接受继承自div的颜色，也可以接受通过

span{

color:green

}

这个选择器给它加的颜色，span选择器的优先级比继承的优先级更高，所以不论div是什么颜色，都不会影响span选择器定义的颜色。

-------

注意:

style="color:red !important" 和.main{color:blue} 都是给div加样式，不要把时间都浪费在研究div颜色上。

发表于 2019-07-08 16:30:18 回复(0)

牛客412378661号

注意代码中123是绿色题问的是123是什么颜色当然是绿色没毛病

发表于 2020-10-14 11:22:56 回复(1)

小新ai

我都没看清楚题就选了a，hhh

发表于 2024-03-24 11:53:26 回复(0)

我是小脏脏

如果<span>标签，自己没有颜色设置，则根据继承父级的规则，span标签会显示div中！important的颜色，但是span标签有自己的设定颜色，则以自己的设定颜色首选。

发表于 2022-08-23 13:48:22 回复(0)

我不做牛牛好多年

我觉得可以这么理解，〈span〉的green是亲生的，!improtant是从其他地方继承过来的，虽然improtant权重高但是不是亲生的，〈span〉不太信赖improtant。如果有多个亲身的样式，他会亲赖权重更高的。

发表于 2022-08-03 00:11:17 回复(0)

牛客490242136号

子类继承父类的优先级为0

发表于 2022-06-26 21:13:03 回复(0)

安宁的小虎牙

继承的优先级最低，即使是加了important

发表于 2022-05-01 16:49:55 回复(0)

牛客832815797号

span继承important

发表于 2022-02-24 13:35:00 回复(0)

牛客6720436号

span外的div的class的引号，用了2层………

发表于 2021-12-07 09:02:10 回复(0)

Changes1

继承的样式为0

发表于 2021-07-19 19:12:46 回复(0)

浩浩.

我丢，眼瞎了，眼瞎了，没看见＜span＞

发表于 2021-07-14 14:20:05 回复(0)

你说啥我听不清

mian是"main"啊，emmmmmmmm

发表于 2020-09-07 13:47:27 回复(0)

迷路的蜗牛

学到了。。。

发表于 2019-12-13 06:22:10 回复(0)

猫猫儿

123是由span标签的内容，也是父类div的子代，所以，同时含有这俩的基本属性，针对于父类来说，span内的123会继承父类，按照优先级来说，继承最低；针对于它本身的span标签来说，标签选择器优先级高于它继承的级别！至于!important那儿，是父类的优先级，即使父类优先级那儿最高，但是此处123是作为其子类的内容继承，不是直接作为div的内容，不管父类多高，作为子类继承就是最低优先级~ 这样对比，span标签优先级高于span继承。呈现的是标签选择器内的样式~ 虽然我也选错了~哈哈~但是也算是错有所值

发表于 2019-11-06 09:15:15 回复(0)

提交观点

问题信息

CSS 前端工程师京东 2019

上传者：小小

难度：

23条回答 1110收藏 2080浏览

问 123 的颜色是？

问题信息

热门推荐

相关试题