Question

我无法让我的CSS工作。

即使代码正常，它也不会给我一个黑色背景？

代码：

potnav {
  padding: 16px;
  color: white;
  background-color: black;
}

<div class="potnav">hei</div>

Answer 1

类声明语法出错。使用.ClassName应用样式。见工作样本。

＆＃13;

<!DOCTYPE html>
<html>

<head>
    <style>
        .potnav {
            padding: 16px;
            color: white;
            background-color: black!important;
        }
    </style>
</head>

<body>
    <div class="potnav">hei</div>
</body>

</html>

＆＃13;

Answer 2

你错过了班级名称的句号（。）。

console.log

Answer 3

你忘了指出＆＃34; potnav＆＃34;是一个班级

＆＃13;

.potnav{
    padding: 16px;
    color: white;
    background-color: black!important;
}

＆＃13;

<div class="potnav">hei</div>

＆＃13;

Answer 4

在引用ID时，您需要使用点（。），而在引用ID时需要磅（＃）。

下面是一个使用potnav作为CSS中的类和id的示例。

.potnav {
  /*css properties related to this class goes here */
}

#potnav {
  /*css properties related to this id goes here */
}

无法使我的CSS工作

4 个答案: