6

我无法设置这个 CSS 类，颜色指令不起作用，但 text-shadow 可以。帮我？

.jumbotron {
    position: relative;
    padding: 40px 0;
    color: #6495ed;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}

我试图删除文本阴影，但它也没有工作。

4

5 回答 5

10

用于!important覆盖其他颜色样式。

喜欢：color: #6495ed !important

于 2013-01-19T12:35:34.813 回答
0

我认为右括号丢失了。将所有设置放在.jumbotron课堂上并尝试一下。祝你好运。

我对您的 CSS 代码进行了如下测试：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Untitled</title>
    <meta name="author" content="" />
    <style>
    .jumbotron {
      position: relative;
      padding: 40px 0;
      color: red;
      text-align: center;
      text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    }
    </style>
</head>
<body>
  <p class="jumbotron">This is a test</p>
</body>
</html>

它似乎运作良好

于 2013-01-19T12:44:34.357 回答
0 
<!doctype html>
<head>
<html>
    <style>
    .jumbotron {
      position: relative;
      padding: 40px 0;
      color: #6495ed !important;
      text-align: center;
      text-shadow: 0 0px 0px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    }
    </style>
</head>
<body>
  <p class="jumbotron">hello world</p>
</body>
</html>
于 2018-10-30T12:31:16.340 回答
0

另一种可能性可能是不小心使用了 HTML 注释标签而不是 CSS 注释标签，或者在color: #6495ed;导致用户代理忽略color: #6495ed;声明之前添加了一些无法识别的字符

<!doctype html>
<html>
<head>
    <style>
    .jumbotron { 
        position: relative;
        padding: 40px 0; <!--some comments -->
        color: #6495ed; 
        text-align: center;
        text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    }
    </style>
</head>
<body>
    <p class="jumbotron">Testing...</p>
</body>
</html>

用户代理会将其视为

<!doctype html>
<html>
<head>
    <style>
    .jumbotron { 
        position: relative;
        padding: 40px 0; 
        text-align: center;
        text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    }
    </style>
</head>
<body>
    <p class="jumbotron">Testing...</p>
</body>
</html>
于 2020-08-02T18:51:45.363 回答
0

如果背景颜色发生变化但文本没有变化，那么一个可能的原因可能是锚点。默认情况下，当您将文本放置在锚点中时，它会自动变为下划线，因为它是一个链接，并且在访问一次时会带下划线。因此，如果其他人遇到此问题，请尝试在 css 中覆盖它

a:hover, a:active, a:link, a:visited {
   text-decoration:none;
   color : #000; /* for example */ 
}

或者简单地重复css项目并在类前面添加“a”：

我的班级，我的班级一个{}

于 2016-11-24T14:33:36.857 回答