Question

我写了这个css代码：

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

和HTML：

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

但它不想隐藏。感谢

Answer 1

首先，您的class属性缺少结束语...

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

Answer 2

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

.product .mydiv {
display:none
}

Answer 3

类可以以数字开头，但是为了使这些类可读，第一个数字需要被转义，显然是\ 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

Answer 4

在css上调用它时，不需要指定太多的类。如果你有每个产品的.product类，不需要在css上使用'70'类：

body.product {
    display:none;
}

我建议你使用更像语义的HTML：

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

最后是css代码：

.product{
    display:none;
}

我建议你不要只使用类名上的数字。也许一个字母后跟一个数字，它对开发者来说更具说明性：）

Answer 5

首先，70不是有效的班级名称。

而不是给你的身体上课。如上所述here

给它一个ID

您可以通过几种方式实现自己想要的目标

直接为类提供display none

的属性

.mydiv{
display:none;
}

或者如果你有多个这样的课程。指定只有.product类中的类才能获得此样式属性

.product .mydiv{
display:none;
}
OR
body.product .mydiv{
display:none;
}

CSS类不会隐藏div中的内容

5 个答案: