使用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.advanced-filter[type='checkbox']

Answer 3

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

感谢您的帮助，它总是在这个论坛上受到赞赏！