我想删除不具有“联合状态”的数据值/内容的跨度类.我只能使用CSS做到这一点.我不能nth-child()函数,因为元素的位置不是恒定的
<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>
最佳答案
我们可以使用伪类: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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。