为什么div标记不能与html和css一起工作[关闭]

Question

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>
``

Answer 1

Id是比class更具体的选择器，因此它优先于class选择器。

https://developer.mozilla.org/en-us/docs/web/css/specificity

Answer 2

CSS与订单无关。下面是CSS规则。

1. #id selectors are worth 100
2. .class selectors are worth 10
3. Tag selectors are worth 1

这就是id起作用而class在HTML区域不起作用的原因。