p{color:red;}
.first{color:green;}/*因为权值高显示为绿色*/
span{color:pink;}/*设置为粉色*/
p span{color:purple;}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
为什么是p不是.first
因为.first{color:green;}/*因为权值高显示为绿色*/ 所以先是覆盖green,然后设置p span{color:purple;}则就是把<span></span>之间green的字给覆盖掉变成purple紫色 应该是这样吧
p标签有继承性,如果为p标签设置了红色,则其后代元素(比如span)也为红色;如果是.first设置为绿色,则只是p标签为绿色,而p标签中的其他元素不会随之变为绿色
这里用.first span或者.first>span和p span的表现效果是一样的,都是把胆小如鼠几个字改成紫色,只是要会权值和懂"."的用法和空格的区别,以及.first表示的什么
p,a这些标签权限值为1,ID的权限值10,而类(class)的权限最高值值为100,
表面意思的解释:因为p不是div。
这个是练习子选择的问题应该,p的话可以对应的给予你第一代这个特征也给予你第一代之后的后一代,具有传承性,如果是first的话只给予第一代特征 之后的子代没有特征给予! 就是在第一代代码之内的其他后子代码没有该设置的特征显示
p是标签,表示段落,而.first是类选择器,是对元素进行修饰,所以段落当然是p啊。
如果是p的话,就可以将两个小段的<span></span>之间的文字(即胆小如鼠)都变粉色。
如果是.first的话,只是将第一小段中的<span></span>之间的文字变粉色。
在此处的话,两种写法都能实现所需功能。
这是要看权限的高低来的显示