qq_慕虎8366744
2019-12-11 22:10
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>!important</title>
<style type="text/css">
p{color:red;}
p.first{color:green;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span class="first">简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
</body>
</html>
中间加个空格就好了p .first则可以实现span的格式变化,且只能实现span的变化。如果是p.first中间没有空格,表示p与.first的交集,故而只能显示第一段的变化。
因为p.first{color:green}设置的是<p clsaa="first">这个段落的样式,跟span class="first"没有关系
设置span class="first",应该是.first{}或者span{}这种选择器
要做用的话,可以写成sapn.first
p.first{color:green;}
把p去掉
p{color:red;} 权值为1
p.first{color:green;} 权值为1+10
<p class="first"> 权值为1+10 所以第一段内容为绿色 (权值越大的优先)
<p id="second"> 权值为1+100 所以第二段内容为红色 (权值越大的优先)
应该设置span.first{color:green;}
初识HTML(5)+CSS(3)-升级版
1225810 学习 · 18234 问题
相似问题
回答 2