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

Question

我在这里有这个要素：

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

我想将所有.col-xs-6隐藏在#ihf-main-container ，除了其中的.col-xs-6元素，其中包含.ihf-for-sale-price ....我将如何完成这个？

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;
   }

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