span{
color:green;
}
p{
color:blue;
}
<p>今天天气好晴朗,又是一个<span>阳光明媚</span>的一天</p>
请问<span>里标签为什么不是蓝色呢,不应该是继承的吗
权值原因,看 http://www.imooc.com/code/2039 这个,介绍得很详细
<span>标签既有自己的设置green。又有<p>标签继承来的blue,但是自身标签的优先级大于继承优先级,所以<span>内容显示green
考虑优先级。id>class>标签>继承元素(继承的优先级是最低的,所以只要有其他的样式定义,基本上都比继承的优先级高,所以继承来的样式改变不了span本身的样式)
p标签的子标签是span,而继承的权值是最底的,有文献说是0.1,说明他很底,span的权值是1,而继承P的只为0.1,那么span标签里面的只能是green。
当没有span{color:green;}的时候就是blue了。继承只是在它本身没有设置的时候才继承父辈的属性