在第二段中元素
继承了"second"的值但是代码中并没有赋予"second"的值那么系统默认的空值是什么?还有就是这不是比较权值的问题吗?能否列出代码中的各种权值大小?谢谢
标签权值为1,类选择符权值为10,ID选择符的权值最高为100。继承的标签权值很低,差不多0.1。
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*/
标签的权值为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*/
<p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
在这个代码中,系统默认的是标签选择符的值1
p{color:red;}/*权值为1*/
.first{color:green;}/权值10*/
span{color:pink;}/*权值为1*/
p span{color:purple;}/*权值为1+1=2*/