.first{color:green;} 与 p span{color:purple;}比较权值前者高,前者是10 ,后者是1+1=2,但为什么显示后者的设置参数呢?

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

幕布斯5199888

2018-06-22 20:56

.first{color:green;}   与    p span{color:purple;}比较权值,前者是10 ,后者是1+1=2,前者高于后者,但为什么显示后者的设置参数呢?

写回答 关注

6回答

  • qq_为你等候_03864839
    2018-07-02 17:15:32
    已采纳

    同一层级看权值,包含层级看继承,应该是这样理解的吧!

    幕布斯519...

    非常感谢!

    2018-07-02 21:17:22

    共 1 条回复 >

  • qq_Scorpio苏_03634471
    2018-07-24 23:57:58

    你可以试试把样式加到<span>标签中,相信会对你有所启发。权值的计算感觉是让我们可以更好的理解而已,实际运用的时候只要看哪个样式的定义更能准确的找到你要添加样式的地方,比如你在需要加样式的外面加<span id="">标签,并指定Id,那肯定是用Id选择器为主,不用Id的话,那就是<span class="">类选择器为主,以此类推。

  • 惡侑堊抱
    2018-06-30 11:58:54

    另外,p span{color:green;}是什么意思,p和span是并列?

    幕布斯519...

    p是父,span是子,是父子关系,意思是给p下边的span定义某种属性。我是这么理解的

    2018-06-30 20:36:28

    共 1 条回复 >

  • 惡侑堊抱
    2018-06-30 11:57:49

    同问该问题

    幕布斯519...

    我理解的是,两者非同一层级,.first{color:green;} 是 p span{color:purple;}的父级,当有父子关系是采取就近原则,即当两者矛盾时,先保证子级属性。不知道我这么说你理不理解。。。

    2018-06-30 20:41:27

    共 1 条回复 >

  • 慕瓜4225288
    2018-06-26 13:58:34

    我的理解是,对“胆小如鼠”颜色的选择是对<span>标签的判断,  <span>对于.first{color:green;}中的绿色是继承,权值最小,所以。。。

  • 李家小黑
    2018-06-22 21:21:49

    不是因为加了!important么,不加第一段就是绿色的。

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

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

1225810 学习 · 18234 问题

查看课程

相似问题