Question

我无法设置此CSS类，颜色指令不起作用，但文本阴影确实如此。帮我？

.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);
}

我试图删除text-shadow，但它也没有用。

Answer 1

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

喜欢：color: #6495ed !important

Answer 2

我认为结束括号丢失了。将所有设置放在.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>

似乎运作良好

Answer 3

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

覆盖css

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

或简单地重复css项目并在课程前添加“a”：

myClass，myClass a { }

Answer 4

<!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>

Answer 5

另一种可能是偶然使用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>

在CSS类中设置颜色不起作用

5 个答案: