问答详情
源自:9-1 继承者 - 样式的继承

css继承

span{
        color:green;
}
p{
        color:blue;
}
<p>今天天气好晴朗,又是一个<span>阳光明媚</span>的一天</p>
请问<span>里标签为什么不是蓝色呢,不应该是继承的吗

提问者:慕用250334 2017-07-31 08:52

个回答

  • 慕神6115920
    2017-09-07 13:58:23

    权值原因,看 http://www.imooc.com/code/2039 这个,介绍得很详细

  • 慕码人8595002
    2017-08-01 15:22:03

    <span>标签既有自己的设置green。又有<p>标签继承来的blue,但是自身标签的优先级大于继承优先级,所以<span>内容显示green

  • qq_movement_0
    2017-07-31 10:16:47

    考虑优先级。id>class>标签>继承元素(继承的优先级是最低的,所以只要有其他的样式定义,基本上都比继承的优先级高,所以继承来的样式改变不了span本身的样式)

  • qq_movement_0
    2017-07-31 09:04:03

    p标签的子标签是span,而继承的权值是最底的,有文献说是0.1,说明他很底,span的权值是1,而继承P的只为0.1,那么span标签里面的只能是green。

  • qq_说实话我想不到名字_04001214
    2017-07-31 08:58:50

    当没有span{color:green;}的时候就是blue了。继承只是在它本身没有设置的时候才继承父辈的属性