如何通過元素id在CSS中隱藏元素標籤？

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;} 

Answer 2

你應該給你的<tr>標籤的ID foo_row或什麼的。而隱藏，而不是

Answer 3

您可能必須添加一個類/ ID，然後再作出隱藏它的CSS聲明。

Answer 4

你必須給標籤分配一個id。

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

#foo_label {display: none;} 

或隱藏整排

<tr id="foo_row">/***/</tr> 

#foo_row {display: none;} 

Answer 5

如果你不在乎IE6用戶，請使用equality attribute selector。

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

Answer 6

沒有一個類或ID，並與您的特定HTML：

table tr td label {display:none} 

否則，如果您有jQuery的

$('label[for="foo"]').css('display', 'none'); 

Answer 7

這是爲我工作。

#_account_id{ 
     display: none; 
    } 
    label[for="_account_id"] { display: none !important; }