css中定义类html不显示

CSS是网页开发中重要的一部分，它可以定义网页的样式和布局。在CSS中定义类可以让我们重用相同的样式，但有时我们在HTML中添加一个类时，却发现它并没有生效，甚至不显示。这是为什么呢？

首先，让我们看看CSS中定义类的语法：

.classname {
  /* CSS 样式 */
} 

我们在HTML中使用这个类的方法如下：

<div class="classname">
  /* 内容 */
</div> 

可以发现，在HTML中我们使用了class属性将该元素的类设置为“classname”。那么为什么在HTML中添加类时不显示呢？

这个问题的原因往往是CSS选择器的问题。如果定义类的选择器与HTML中使用该类的元素不匹配，那么CSS样式将不会被应用。

例如，假设我们定义了以下CSS：

.test {
  color: red;
} 

如果要将其用于段落元素 <p> 中，应该使用以下HTML：

<p class="test">这是一个段落。</p> 

请注意，选择器是类名前缀“.”后面跟着类名“test”。如果我们更改HTML，并将其应用于div元素而不是段落元素，例如：

<div class="test">这是一个 div。</div> 

那么CSS将不会被应用，因为选择器不再匹配div元素。因此，我们必须确保选择器与HTML元素匹配，才能正确应用样式。

为了避免这种问题，我们可以通过使用通用选择器（*）来定义类，例如：

*.test {
  color: red;
} 

这将匹配所有HTML元素，无论它们是什么类型。但是，这样做可能会影响网页的其他元素。因此，在编写CSS类时，请务必选择适当的选择器来确保样式正确应用。