CSS类不会在div中隐藏内容
[英]CSS class doesn't hide content inside div
问题描述
我写了这个CSS代码：
body.product.70 div.mydiv {
display:none
}
和HTML：
<body class="product 70">
<div class="mydiv">
content
</div>
</body>
但是它不想隐藏。 谢谢
5 个解决方案
解决方案1
5 已采纳 2013-04-11 17:36:29
首先，您的class属性缺少右引号。
编辑：除此之外，您还要应用两个类名，其中一个是70 。 这不是有效的CSS类名称。 CSS类必须以连字符，下划线或字母开头。
解决方案2
1 2013-04-11 17:38:10
<body class="product 70">
<div class="mydiv">
content
</div>
</body>
.product .mydiv {
display:none
}
解决方案3
0 2013-04-11 17:48:41
类可以以数字开头，但是为了使这些类可读，必须对第一个数字进行转义，显然是\\ 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
解决方案4
0 2013-04-11 17:50:07
在CSS上调用时无需指定太多的类。 如果每个产品都有类.product，则无需在CSS上使用类'70'：
body.product {
display:none;
}
我建议您使用更多语义html之类的东西：
<body>
<div class="product">
<div class="mydiv">
Hello
</div>
</div>
</body>
最后是CSS代码：
.product{
display:none;
}
我建议您不要在类名称上仅使用数字。 也许一个字母后跟一个数字，对开发人员来说会更有意义：)
解决方案5
0 2013-04-11 18:06:31
首先70不是有效的类名。
而不是给身体上课。 给它一个ID为提到这里
有几种方法可以实现您想要的
直接给该类显示不显示的属性
.mydiv{
display:none;
}
或者，如果您要开设多个此类课程。 指定仅.product类中的类应获得此样式属性
.product .mydiv{
display:none;
}
OR
body.product .mydiv{
display:none;
}
试图用css display：none隐藏Div元素。 没有隐藏它
[英]Trying to hide Div element with css display:none; doesn't hide it
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.