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

希望這能奏效，但我想如果您可以在問題中添加一些偽代碼，我會為您提供更好的幫助。