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

How to hide a label element with no class?

本文关键字：标签 元素 何隐藏 隐藏      更新时间：2023-09-26

试图隐藏Wordpress的WooCommerce插件中的元素。基本上它在结帐页面上，它说"状态"，我想隐藏它，因为下拉框已经说"选择状态"。我打开Firebug，看到文本"状态"不是类或任何东西的一部分。它看起来像这样：

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

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

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

您的 CSS 工作只需删除 label 和 [selector] 之间的空格：

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

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

label和[之间不应该有空格;否则你搜索的元素是label的后代，与[for="billing_state"]匹配。

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

http://jsfiddle.net/J3BgS/

您可以使用以下方法选择具有空类属性的节点<span class="" />

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

您可以使用以下方法选择明确没有类属性<span />的节点

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

演示

相关文章：