我先设置了span标签下的颜色是红色
后面又设置了first类下的颜色为绿色,应该把first下的span标签的颜色覆盖了才对啊,怎么还是红色(“胆小如鼠”还是红色)
你把15行胆小如鼠前后的<span></span>去掉以后就可以直接叠加成绿色了
css选择器优先级为:
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
因为.first选择器设置的是第一段(p标签)的颜色(绿色),第一段下的span标签对该设置属于继承关系,所以优先级要低于标签选择器中设置的红色。
样式就近原则,距离内容最近的样式标签优先级最高
楼主好一个问题啊!!
第一段“胆小如鼠”红色;
第二段“简单”绿色;
你的绿色是写在#second里面的子元素span,不能覆盖到前面这个