Question

所以，我对网页设计很陌生，并且编写了一个非常简单的代码来测试使用类。但出于某种原因，我只能让我的班级样式以名称“Block”出现。它看起来像这样：

<!DOCTYPE html>
<html>
    <head>
        <title>My document</title>
            <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <div class = "Block"></div>

    </body>
</html>

和css：

.Block {
    background-color: red;
    height: 28px;

    }

为什么只让我使用这个类名而不是别的？我正在使用Chrome，但我不认为这会是一个问题吗？

Answer 1

您还需要更改班级中的名称。例如，如果您希望它在名称标题下工作，则需要将CSS代码更改为下面的代码，并更改HTML中的类名。

.header {
    background-color: red;
    height: 28px;
}

<!DOCTYPE html>
<html>
    <head>
        <title>My document</title>
            <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <div class = "header"></div>

    </body>
</html>

Answer 2

您的代码按预期工作。但是，您的样式表可能不在您认为的位置。

＆＃13;

.Block {
  background-color: red;
  height: 28px;
}

＆＃13;

<div class="Block"></div>

＆＃13;

只能在一个名称下使用CSS类选择器

2 个答案: