我可以隐藏不必只使用CSS一些特定的数据值或内容元素？

Question

我想删除没有数据价值/内容为“团结 - 国家”的跨度类。我能做到这一点只用CSS。我不能第n个孩子（）函数，因为元件的位置不是恒定的

<div class="adsw-attribute-option">
   <span class="meta-item-text sku-set" data-value="china">China</span>
   <span class="meta-item-text sku-set" data-value="germany">Germany</span>
   <span class="meta-item-text sku-set" data-value="italy">Italy</span>
   <span class="meta-item-text sku-set" data-value="united-states">United States</span>
</div>

Answer 1

我们可以利用伪类:not和使用目标属性选择器实现它。

我已经更新代码段，这是否对你的工作？

span:not([data-value="united-states"]){
  display: none;
}

<div class="adsw-attribute-option">
   <span class="meta-item-text sku-set" data-value="china">China</span>
   <span class="meta-item-text sku-set" data-value="germany">Germany</span>
   <span class="meta-item-text sku-set" data-value="italy">Italy</span>
   <span class="meta-item-text sku-set" data-value="united-states">United States</span>
</div>