Question

我搜索了大约10页，在这里找不到这个问题。我想问一下这应该是一个简单的问题，但我想知道是否有办法在CSS中有条件地选择第二个ID。

以下是它的要点：

#container {width:1000px;}
#page {width:600px;}
#sidebar {width:400px;}

#container.special {width:800px}
#container.special #sidebar {width:200px;}

基本上，如果容器具有类special，它会缩小，因此内部的div也需要调整。

我认为这会奏效，但似乎没有。我可以通过许多不同的方式解决这个问题，这只是一个例子，所以我不是要修改任何东西，只要了解它是否可行，如果没有，是否有CSS解决方案。

谢谢，退出

Answer 1

你拥有的是有效的CSS。您#container.special #sidebar的规则将覆盖#sidebar规则（因为它更具体），侧边栏应该变小。

如果它没有生效，请尝试使用Firebug检查#sidebar元素。它将向您显示实际应用的具体样式规则。那么至少你会知道哪条规则是冲突的，我们可以帮助找出原因。