消除ul的第二个孩子

Question

我不知道为什么，但在我的商店页面中，产品会重复出现。这是过滤器插件与我正在使用的主题之间不兼容的问题。为了快速解决方案，我想使用自定义css代码并隐藏第二个<ul class="products">。请看看我的商店：https://www.editorialufv.es/catalogo/

我尝试添加以下css自定义代码但没有任何变化。为什么？

ul.products:nth-child(2){
   display:none;
}

Answer 1

试试ul.products:nth-child(6)

老实说，我不能告诉你为什么这样可行，因为我自己遇到了nth-*选择器的麻烦，但确实有效。如果有其他人可以阐明为什么这是第六个孩子会很棒！

另外，只是一个提示。如果您打开浏览器开发工具并右键单击检查器中的元素，您将看到“复制选择器”选项。这对于像这样的情况非常有用。