为什么div标记不适用于html和css

css

class

在

div

中不起作用，但

id

正在使用此css代码。我在css区域中首先编写

class

，然后编写

id

以及html标记。为什么?

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

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
奎斯。
``

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

---

因为id选择器的优先级高于CSS中的类选择器，所以在这种情况下，CSS（属于您的id的内容）将覆盖您的类的CSS。

CSS有几个优先规则

内联css（html样式属性）覆盖样式标记和css文件中的css规则

如果两个规则具有相同的特定性，则代码中后面出现的规则将覆盖前面的规则

一个css规则！重要的总是优先的

---

CSS

与顺序无关。以下是

css

规则

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

---

这就是为什么

id

在您的

html

区域中起作用而

class

不起作用的原因。

您是否在css文件中添加了一个链接引用？html和css都在同一个文件中您是否有一个样式标签包装css？是的，我有样式标签。搜索

css特性

，这将有助于回答您的问题