关于子选择器的问题

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

慕仙5067788

2018-04-11 20:20

span{color:pink;}/*设置为粉色*/
p>span{color:purple;}

</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

显示的胆小如鼠是粉红色

该句其他的字是紫色,我想问的是p>span这个有权重吗,还是说算是直接覆盖的?

写回答 关注

3回答

  • 洪兴兴小仙女
    2018-04-11 20:36:31
    已采纳

    这是权重,而不是覆盖

    标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

    p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/

    注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

    上面这里说得很清楚哦嘿嘿

    慕仙5067...

    p>span 这个算是类选择符嘛

    2018-04-11 22:03:21

    共 1 条回复 >

  • 慕瓜3406784
    2018-04-11 20:37:13

    有权重,ji'cheng

    慕仙5067...

    p>span 是继承嘛,事实是就算把第一二句 互换位置 也是一样的结果

    2018-04-11 22:05:37

    共 1 条回复 >

  • qq_开始的开始_5
    2018-04-11 20:31:49

    没有权重

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

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

1225297 学习 · 18230 问题

查看课程

相似问题