权值的计算原则

来源:9-3 权值计算-特殊性

把葫芦咬哭

2016-09-02 20:27

为什么“胆小如鼠”最后显示的不是绿色是紫色?

写回答 关注

4回答

  • 江湖有哥潇洒的身影
    2016-09-02 20:52:57
    已采纳

    每一个选择器的跟你说;

    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;} 高,所以最后'胆小如鼠'显示为紫色

    不破

    那.first{color:green;} 是10,p span{color:purple;}是2,为什么最终是紫色而不是绿色??

    2016-10-11 12:22:49

    共 2 条回复 >

  • 熟悉的地方没有风景
    2016-09-02 21:19:02

    选择器具有优先选项功能

  • 蟠木
    2016-09-02 20:55:30

    p{color:red;}

    .first{color:green;}

    span{color:pink;}

    p span{color:purple;}

    有点像描述准确性,这么说你懂不懂。p span说的就是p标签下的span子元素,而.first没有p span描述的更精准。


  • 慕粉1472655805
    2016-09-02 20:45:17

    有个优先级别

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228519 学习 · 19002 问题

查看课程

相似问题