我在这里得到了一些代码：
<html>
<head>
<title>Select View</title>
</head>
<body class="class-1 class-2 class-3 class-4 class-5 class-6">
Many divs here
...
...
...
<div id="test">
<p>PHP code here</p>
</div>
</body>
</html>
我想用测试ID隐藏div。我的网站是基于wordpress的，所以在CSS中我必须引用一个特定的主体。我试过了：
body.class-1, .class-2, .class-3, .class-4, .class-5, div#test{
color: red;
}
并且颜色正常，“这里的PHP代码”是红色的，但是当我这样做时：
body.class-1, .class-2, .class-3, .class-4, .class-5, div#test{
display: none; //or visibility: hidden;
}
所有网站都消失了。任何想法如何只隐藏这个div？
只需使用你已经拥有的东西
div#test{
display: none;
}
当你调用body.class-1, .class-2, .class-3, .class-4, .class-5,并设置display: none时，这是预期的行为，因为你隐藏了所有元素而不仅仅是测试div！
既然你没有在其他元素中重复id，你可以使用，
#test {
display: none;
}
如果您有另一个具有相同ID的元素（例如：span），您必须特别提及您需要隐藏div element with id=test
div#test {
display: none;
}
如果可能的话，唯一标记元素总是一件好事。因为你正在处理classes，如果你只提到一个类，它将选择匹配的元素。
在下面的例子中，您使用的是全身，
body.class-1, .class-2, .class-3, .class-4, .class-5, div#test{
display: none; //or visibility: hidden;
}
如果你只是使用下面的代码，这可能是相同的情况，
.class-1 {
display: none; //class-1 supposed to pick the whole body here;
}