为了账号安全,请及时绑定邮箱和手机立即绑定

在这章中<span>的权值不高为什么,为什么会被选择

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
span{color:purple;}/*设置为粉色*/
.first{color:green;}/*因为权值高显示为绿色*/



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

正在回答

6 回答

如果多个选择器选中同一个元素,并且设置相同的属性,则需要考虑css选择器优先级

css选择器优先级 id选择器 > class选择器 > 元素选择器

选择范围越精确,优先级越高

同样优先级,距离元素近起效(就近原则)

给属性值后面加上!important可以提高属性优先级,但不能滥用

但是 ,你这题里面不存在选中 同一个元素 。所以说 不用考虑优先级问题。就算优先级低也能显示

1 回复 有任何疑惑可以回复我~

这段代码里面 胆小如鼠有三个颜色可选 粉 红 绿。

第一段因为指定了类class,原本的红色被绿色取代。到了span这里,绿色是继承属性,权值很低(按照本章说法是0.1),而粉色的权值是1

0 回复 有任何疑惑可以回复我~

可以理解为 first本身权利值是10,而span是1 (哪个权利值大听哪个)

但是first的权利能影响span的只有0.1,只有对p才是10,所以span会选择自己的颜色。

1 回复 有任何疑惑可以回复我~

相同权值情况下就近?

0 回复 有任何疑惑可以回复我~

P{color:red;}/*权值为1*/

P span{solor: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 回复 有任何疑惑可以回复我~

span{color:purple;}权值为2.

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

在这章中<span>的权值不高为什么,为什么会被选择

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信