1

行き詰まっているようです。以下のコードで12pxのメッセージが表示されるのに、50pxでは表示されないのはなぜですか？class1にはhigheがありません*プロパティの変更が許可されていない場合の修正方法は？！importantでさえ役に立ちません。

<html>
    <head>
        <style type="text/css">
            *
            {
                font-size : 12px
            }

            .class1
            {
                font-size : 50px;
            }
        </style>
    </head>
    <body>
        <div class="class1">
            <span>why it is not 50px font size?</span>
        </div>
    </body>
</html>
4

5 に答える 5

12

これは、*が。<span>内のタグも選択するため<div>です。

したがって、この場合は*がより具体的であるため、優先されます。

.class1 span
{
    font-size : 50px;
}

上記はうまくいくでしょう。

于 2012-08-15T07:58:14.187 に答える
2

または、！importantを使用できます

.class1 {font-size : 50px !important;}

実例：

http://jsfiddle.net/gWQeZ/

于 2012-08-15T08:45:51.987 に答える
1

*が含まれるため<span>、spanにIDまたはクラスを指定して、それにcssルールを適用できます。またはそれを次のようにします：

.class1 span {font-size:50px;}
于 2012-08-15T08:09:35.063 に答える
1

これはうまくいくはずです

div.class1 span 
{
    font-size : 50px;
}

*div内のスパンを選択します。<span>子要素としての削除は機能します。または明示的にターゲットにします。

于 2012-08-15T07:59:35.473 に答える
1

セレクター*はキャッチオールです（つまり、すべてを選択します）。

したがって、span選択するには、より具体的なセレクターが必要です。

.class1 span

動作するはずですが、さらに具体的に選択することもできます。

div.class1 span

または、スパン自体にクラスを追加して、それを使用して選択することもできます

span.class2

:)

于 2012-08-15T08:12:13.020 に答える