CSS伪类 问题

p span.stress{

    font-size:20px;color:red;

}


p span:hover{

    color:pink;

}

为什么把 p span:hover{}中的p去掉之后 伪类不起作用了?

<body>

    <h1>勇气</h1>

    <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的<span>问题</span>,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

</body>


忆_卿
浏览 1397回答 2
2回答

旧丶爱人

楼下说得很对,css也是有优先级的,p span.stress{     font-size:20px;color:red; } p span:hover{     color:pink; }   如果把hover前的p去掉,那么它优先级没有 p span.stress 高。所以你的color:pink无法覆盖color:red

侠客岛的含笑

p span.stress{    font-size:20px;color:red;}因为你这里写了一个p
打开App,查看更多内容
随时随地看视频慕课网APP