把葫芦咬哭
2016-09-02 20:27
为什么“胆小如鼠”最后显示的不是绿色是紫色?
每一个选择器的跟你说;
p{color:red;} 标签选择器,p标签包含的段落文字显示为红色;
.first{color:green;} 类选择器,<p class="first">这里面包含的的文本颜色为绿色,包括胆小如鼠</p>
span{color:pink;} 标签选择器,权值为1.<span>胆小如鼠</span>,span标签中的文字为粉色。
p span{color:purple;}其权值为2,优先级比span{color:pink;} 高,所以最后'胆小如鼠'显示为紫色
选择器具有优先选项功能
p{color:red;}
.first{color:green;}
span{color:pink;}
p span{color:purple;}
有点像描述准确性,这么说你懂不懂。p span说的就是p标签下的span子元素,而.first没有p span描述的更精准。
有个优先级别
初识HTML(5)+CSS(3)-升级版
1228519 学习 · 19002 问题
相似问题