权重的规则:HTML标签的权重为1,class的权重是10,id的权重是100.
权重是可以叠加的,p的权重是1;div em的权重是1+1=2;
CSS的权重选取就近原则,选择最后定义的那个选择符的样式(就近原则为:选择符定义的先后顺序)。
.test2{color:green;}
.test{color:red;}
<span class="test test2">123456789</span>
此处color为red;
权重的规则:HTML标签的权重为1,class的权重是10,id的权重是100.
权重是可以叠加的,p的权重是1;div em的权重是1+1=2;
CSS的权重选取就近原则,选择最后定义的那个选择符的样式(就近原则为:选择符定义的先后顺序)。
.test2{color:green;}
.test{color:red;}
<span class="test test2">123456789</span>