CSS 正文背景色不起作用?



我假设这是一个超级简单的问题,但我茫然地盯着我的屏幕试图解决这个问题。我正在尝试更改 html 文档正文的某些内容,但没有任何变化?

@charset "utf-8";
body
{
    background-color: aqua;
}
<!DOCTYPE html>
<html>
<head>
    <title>Statistics</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
 integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
    <button type="button" class="btn btn-lg btn-default-outline">View All</button>  
</body>
</html>

如果我更改背景图像,它可以正常工作。知道为什么吗?可能是引导 css 吗?

如果你在"aqua"之后添加!important,它有效吗?

@charset "utf-8";
body
{
    background-color: aqua !important;
}

如果是,那么可能还有其他一些样式,例如引导.css干扰。

您还应该将自定义 css 文件放在 bootstrap-css 之后

最新更新