隐藏产品编辑标签云上的某些标签

时间:2019-01-20 04:11:12

标签: css wordpress woocommerce

您好,我的网站上现在有800多种不同的产品标签。添加产品时,滚动它们以标记它们需要很长时间。我试图在css中定位特定的产品标签,但没有显示任何标签,但是没有用。理想情况下,我只想显示一个特定的30个标签,并从“选择最常用的标签框中删除其余标签。这就是我目前为止的情况。我知道我已经接近了。如果有人可以提供一些指导。那非常感谢

#tagcloud-product_tag > ul > li:nth-child(1) > a {display: none !important;}

1 个答案:

答案 0 :(得分:0)

您可以使用:nth-child(n + x)选择器来定位x后面的所有元素。因此,在您的示例中,请使用:nth-child(n + 30),这样30岁以后的每个孩子都会受到影响。这是修改后的代码:

#tagcloud-product_tag > ul > li:nth-child(n + 30) {display: none !important;}

在这里您可以看到使用:nth-​​child(n + 10)来影响10号之后的所有元素的示例-https://jsfiddle.net/pbnu346d/