背景颜色未正确应用于元素

问题描述 投票：0回答：1

我正在学习CSS，我注意到如果我使用“*”属性将背景颜色应用于所有元素，尽管它应用于整个页面和元素，但元素旁边的水平区域不显示背景颜色。我尝试过将背景颜色分别应用于元素和主体，但仍然没有得到修复。任何有关如何解决此问题的建议都会有很大帮助。

这是html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="index.css">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <title>Doc</title>
</head>
<body>
    <button>hi</button>
</body>
</html>

这是CSS代码：

*{
    background-color: black;
}
html css
1个回答
0
投票

这是因为你使用的是 bootsrap，它定义了 body 元素的背景颜色：

enter image description here

您可以增加主体选择器的特异性，例如向主体添加一个类

<body class="your-body">
    <button>hi</button>
</body>

然后在css中按类引用它：

.your-body {
  background-color: black;
}
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.