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 に答える