代码之家  ›  专栏  ›  技术社区  ›  Exit

你能用两个ID在CSS中选择with吗?#content.special页

css
  •  0
  • Exit  · 技术社区  · 14 年前

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

    要点如下:

    #container {width:1000px;}
    #page {width:600px;}
    #sidebar {width:400px;}
    
    #container.special {width:800px}
    #container.special #sidebar {width:200px;}
    

    基本上,如果容器具有类 special 它会收缩,因此里面的凹坑也需要调整。

    我原以为这样行,但似乎不行。我可以用很多不同的方法来解决这个问题,这只是一个例子,所以我不想去解决任何问题,只要理解它是否可行,如果不可行,如果有一个CSS解决方案。

    谢谢, 出口

    1 回复  |  直到 14 年前
        1
  •  0
  •   VoteyDisciple    14 年前

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

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