我想在WooCommerce类别存档中设置一些过滤器选项的样式。
例如：有一个针对汽车类型的过滤器。比方说皮卡，SUV，跑车，... 每个选项都应该有自己的图标。因此，我每个选项都需要一个类。 在最好的情况下，它将是属性的 ID。
我找到了一个插件来为小部件(https://wordpress.org/plugins/widget-css-classes/(添加CSS类，但不为选项/属性添加CSS类。
目前它看起来像这样：
<ul class="woocommerce-widget-layered-nav-list">
<li class="woocommerce-widget-layered-nav-list__item wc-layered-nav-term ">...</li>
<li class="woocommerce-widget-layered-nav-list__item wc-layered-nav-term ">...</li>
<li class="woocommerce-widget-layered-nav-list__item wc-layered-nav-term ">...</li>
</ul>
如果我能添加一个像wc-layered-nav-term-id这样的额外类，那就太好了.
在这里，您可以看到与我示例中相同的HTML结构(向下滚动到颜色(： https://themes.woocommerce.com/storefront/product-category/clothing/blouses/
我可以使用任何过滤器来添加这样的类吗？
如果你没有唯一的 id 或类，你可以像下面这样使用 CSS3 选择器。 您可以在此处看到所有选择器。
链接
.woocommerce-widget-layered-nav-list > li:nth-child(1){
background:red;
}
.woocommerce-widget-layered-nav-list > li:nth-child(2){
background:gray;
}
.woocommerce-widget-layered-nav-list > li:nth-child(3){
background:yellow;
}<ul class="woocommerce-widget-layered-nav-list">
<li class="woocommerce-widget-layered-nav-list__item wc-layered-nav-term ">pickups</li>
<li class="woocommerce-widget-layered-nav-list__item wc-layered-nav-term ">suv</li>
<li class="woocommerce-widget-layered-nav-list__item wc-layered-nav-term ">sportscar</li>
</ul>