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属性缺少一个结束引号......

编辑：除此之外，您正在应用两个类名，其中一个是70. 这不是一个有效的 CSS 类名。CSS 类必须以连字符、下划线或字母开头。

于 2013-04-11T17:36:29.250 回答
1 
<body class="product 70">
    <div class="mydiv">
       content
    </div>
</body>

.product .mydiv {
display:none
}
于 2013-04-11T17:38:10.577 回答
0

在 css 上调用时不需要指定太多的类。如果每个产品都有 .product 类，则无需在 css 上使用“70”类：

body.product {
    display:none;
}

我建议您使用更具语义的 html，例如：

<body>
    <div class="product">
        <div class="mydiv">
            Hello
        </div>   
    </div>
</body>

最后是css代码：

.product{
    display:none;
}

我建议你不要只在类名上使用数字。也许一个字母后跟一个数字对开发人员来说会更明确:)

于 2013-04-11T17:50:07.667 回答
0

类可以以数字开头，但为了使这些类可读，第一个数字需要转义，显然是 \3# 后跟一个空格，在这种情况下：

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

这是小提琴：http: //jsfiddle.net/FaruC/

在 CSS1 中，类名可以以数字（“.55ft”）开头，除非它是尺寸（“.55in”）。在 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 回答