如何更改产品类别小部件中的父类别颜色和子类别颜色
如何突出显示所选父类别的类别而不突出显示子类别？我尝试了很多东西但无法解决它。
我的 css 现在看起来像：
.widget .children .current-cat {
background-color: beige;
}
PS：HTML WooCommerce 小部件：
<div id="woocommerce_product_categories-2" class="widget woocommerce widget_product_categories" style="padding: 15px;border-width: 1px;border-style: solid;border-color: rgba(9,12,15,0.28);">
<ul class="product-categories">
<li class="cat-item cat-item-39 cat-parent current-cat-parent"><a href="https://">Videoüberwachung</a>
<ul class="children">
<li class="cat-item cat-item-43 current-cat"><a href=/">HDCVI Kameras</a></li>
<li class="cat-item cat-item-44"><a href="/">IP-Netzwerk Kameras</a></li>
</ul>
</li>
</ul></div>how to highlight the category of the selected parent category without highlighting the child categorys? i tried many stuff and not able to solve it.
My css now looks like :
.widget .children .current-cat {
background-color: beige;
}
PS: HTML WooCommerce Widget:
<div id="woocommerce_product_categories-2" class="widget woocommerce widget_product_categories" style="padding: 15px;border-width: 1px;border-style: solid;border-color: rgba(9,12,15,0.28);">
<ul class="product-categories">
<li class="cat-item cat-item-39 cat-parent current-cat-parent"><a href="https://">Videoüberwachung</a>
<ul class="children">
<li class="cat-item cat-item-43 current-cat"><a href=/">HDCVI Kameras</a></li>
<li class="cat-item cat-item-44"><a href="/">IP-Netzwerk Kameras</a></li>
</ul>
</li>
</ul></div>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
.sidebar-widget .product-categories .cat-item a{颜色：红色;}
.sidebar-widget .product-categories .cat-item .children a{颜色：黄色；}
.sidebar-widget .product-categories .cat-item a{color: red;}
.sidebar-widget .product-categories .cat-item .children a{color: yellow;}