CSS隐藏所有元素，但带有某些子元素的元素除外

Question

我在这里有这个元素：

#ihf-main-container .col-xs-6

我想隐藏.col-xs-6内的所有#ihf-main-container，除了其中包含.col-xs-6的{​​{1}}元素。...我该怎么做？ / p>

Answer 1

像Phiter所说的，这种情况下还没有CSS选择器。父选择器在CSS4中可用。

• 就目前而言，我建议向.col-xs-6元素添加一个额外的类，并按该类隐藏它们。
• 完全不使用您正在使用的服务器端脚本来显示它们（我认为是最好的方式）
• 或者使用javascript（对于JS库jQuery，它可以是$(".ihf-for-sale-price").parent().hide();）

Answer 2

我不太清楚，但是您可以将最后一列命名为

  <....  class="col-xs-6  newName" > in html

然后在CSS中可以做

  .col-xs-6{
    display = none;
    }
   .newName{
   display = block;
   }

希望这行得通，但是如果您可以在问题中添加一些伪代码，我想可以为您提供更好的帮助。