如何隐藏没有类的标签元素？

Question

尝试隐藏Wordpress的WooCommerce插件中的元素。基本上它是在结账页面上，它显示“状态”，我想隐藏它，因为下拉框已经显示“选择状态”。我打开Firebug，发现文本“State”不是一个类或任何东西的一部分。它看起来像这样：

<label class="" for="billing_state">
State
<abbr class="required" title="required">*</abbr>
</label>

我尝试在我的CSS中添加它但是它不起作用

label [for="billing_state"]{
display: none;
}

Answer 1

您的CSS可以删除label和[selector]之间的空格：

label[for="billing_state"]{
  display: none;
}

演示 http://jsfiddle.net/6hKPL/

Answer 2

label和[之间不应有空格;否则，您正在搜索label的后代元素，这些元素与[for="billing_state"]匹配。

label[for="billing_state"]{
    display: none;
}

http://jsfiddle.net/J3BgS/

Answer 3

您可以使用

选择空类属性<span class="" />的节点

span[class=""] {
    border: 3px solid red;
}

您可以使用

选择明确没有 class 属性<span />的节点

span:not([class]) {
    border: 3px solid blue;
}

Demo