使用CSS隐藏特定的复选框

Question

我在一个页面上有一些复选框，只想隐藏一些附加到高级过滤器主类的复选框，我尝试了一下，但它不起作用。

.advanced-filter:input[type='checkbox'] {
    display:none;
}

有什么想法吗？谢谢

Answer 1

您希望根据HTML元素的类和标记名(以及属性)来选择该元素。

这样做的正确语法是：

tagname.classname {
  properties;
}

因此，您可能希望执行以下操作：

input[type='checkbox'].advanced-filter {
  display:none;
}

Answer 2

:input的用途是什么？我没有意识到这是一个伪类。

我想你想要的是：

input.advanced-filter[type='checkbox']

Answer 3

这两种解决方案都不起作用，但我最终通过给复选框一个ID并隐藏该ID来解决问题。

谢谢你的帮助，它在这个论坛上一直很受欢迎！