0

私はこのcssコードを書きました：

body.product.70 div.mydiv {
display:none
}

そしてHTML：

<body class="product 70">
    <div class="mydiv">
       content
    </div>
</body>

しかし、それは隠したくありません。ありがとう

4

5 に答える 5

5

まず、class属性に終了引用符がありません...

編集:それとは別に、2 つのクラス名を適用しています。そのうちの 1 つは70. これは有効な CSS クラス名ではありません。CSS クラスは、ハイフン、アンダースコア、または文字で始まる必要があります。

于 2013-04-11T17:36:29.250 に答える
0

クラスは数字で始めることができますが、これらのクラスを読みやすくするために、最初の数字をエスケープする必要があります。この場合、\3# の後にスペースが続くようです:

body.product.\37 0 div.mydiv {
    display:none
}

これがフィドルです：http://jsfiddle.net/FaruC/

CSS1 では、寸法 (".55in") でない限り、クラス名は数字 (".55ft") で始めることができました。CSS2 では、そのようなクラスは未知の次元として解析されます (新しい単位の将来の追加を可能にするため)。「.55ft」を有効なクラスにするために、CSS2 では最初の桁をエスケープする必要があります (「.\35 5ft」) -- http://www.w3.org/TR/CSS21/grammar.html

于 2013-04-11T17:48:41.320 に答える
0

まず、70 は有効なクラス名ではありません。

あなたの体にクラスを与える代わりに。ここに記載されているように ID を付与します

あなたが望むものを達成できる方法はほとんどありません

クラスに display none の属性を直接与える

.mydiv{
display:none;
}

または、そのようなクラスを複数持つ場合。.product クラス内のクラスのみがこのスタイル属性を取得する必要があることを指定します

.product .mydiv{
display:none;
}
OR
body.product .mydiv{
display:none;
}
于 2013-04-11T18:06:31.697 に答える