0

クラス名を割り当てることにより、グローバル 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;
    }

テキストの色は完全にオーバーライドされていますが、背景を変更できません。

4

1 に答える 1

2

text-color は CSS には存在しません。色です。

背景については、background-color だけでなく、 backgroundプロパティも一緒に使用してみてください。ブラウザのグラデーションがそれを上書きしている可能性があります。

于 2013-04-18T23:55:43.340 に答える