cssclass
在div
中不工作,但id
使用此css代码。我在css区域和html标记中首先编写class
,然后编写id
。为什么?
CSS
.first {
color:blue;
background:#ccc;
padding: 20px;
font-size: 16px;
}
#second {
color:green;
background:red;
padding: 10px;
font-size: 20px;
}
HTML
<div class="first" id="second">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis.
</div>
``
CSS
与订单无关。下面是CSS
规则。
1. #id selectors are worth 100
2. .class selectors are worth 10
3. Tag selectors are worth 1
这就是id
起作用而class
在HTML
区域不起作用的原因。
Id是比class更具体的选择器,因此它优先于class选择器。
https://developer.mozilla.org/en-us/docs/web/css/specificity