css - 如何在 CSS 中通过元素 id 隐藏元素标签？

Question

假设我有这段代码

<table>
    <tr>
        <td><input id="foo" type="text"></td>
        <td><label for="foo">This is foo</label></td>
    </tr>
</table>

这将隐藏输入:

#foo { display: none;}  /* or hidden could work too, i guesss */

如何隐藏标签？

Answer 1

如果您给标签一个 ID，如下所示:

<label for="foo" id="foo_label">

那么这会起作用:

#foo_label { display: none;}

您的其他选项并不是真正的跨浏览器友好，除非 javascript 是一个选项。没有得到广泛支持的 CSS3 选择器看起来像这样:

[for="foo"] { display: none;}