我有一个容器，它通过为它分配一个类名来从全局 css 文件继承一些设置。但是，当我尝试使用另一个类来更具体地设置背景时，没有任何变化。
我的 html 中有趣的部分:
<html>
<head>
<link rel="stylesheet" type="text/css" href="/styles/global.css">
<link rel="stylesheet" type="text/css" href="/styles/register.css">
</head>
<body class="class1 class2">
<div>
some content
</div>
</body>
</html>
还有全局的 CSS
.class1 {
/*Shadowing for 3D effect*/
-moz-box-shadow:inset 0px 1px 2px 0px #caefab; /*pale green*/
-webkit-box-shadow:inset 0px 1px 2px 0px #caefab; /*inner/outer, hz-offset, vert-offset, blur-rad, spread, color*/
box-shadow:inset 0px 1px 2px 0px #caefab;
/*Background gradient effect*/
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #46bf46), color-stop(1, #1d911d) ); /*dark green to light green*/
background:-moz-linear-gradient( center top, #46bf46 5%, #1d911d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46bf46', endColorstr='#1d911d');
/*Rounded corners*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
/*Border*/
border:1px solid #46bf46;
/*text settings*/
color: white; /*like chalk*/
text-decoration:none; /*this is default*/
text-shadow:1px 1px 0px #777; /*hzoff vtoff blur color*//*gray makes letters pop out*/
font-family:Verdana, sans-serif;
font-size:20px;
font-weight:bold;
}
最后是用于注册的 CSS
.class2 {
color: black;
background-color: lightgray;
}
文本颜色完美覆盖，但我无法更改背景。
最佳答案
CSS 中不存在文本颜色。它是颜色。
关于背景，尝试一起使用background 属性，而不仅仅是background-color。也许浏览器渐变覆盖了它。
关于html - 覆盖 CSS 背景属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16094983/