我认为这是一个非常简单的问题,但我茫然地盯着我的屏幕试图解决这个问题。我试图更改我的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>
&#13;
如果我更改背景图片,它可以正常工作。知道为什么吗?它可能是bootstrap css吗?
答案 0 :(得分:9)
如果您在&#34; aqua&#34;之后添加!important,它是否有效?
@charset "utf-8";
body
{
background-color: aqua !important;
}
如果是,那么可能还有其他一些样式,比如bootstrap.css干扰。
您还应该在 bootstrap-css之后添加自定义css文件。