2011-10-09 134 views
0

有沒有更短的寫作方式?快速CSS查詢

.form1 input[group="write"], .form1 select[group="write"], .form1 textarea[group="write"] { display: none; } 

group是我用來分組輸入的屬性。

理想編號喜歡

.form1 (input|select|textarea)[group="write"] { display: none; } 

回答

3

不知道爲什麼你不使用class將你的表單元素,而不是一個自定義屬性像group,但無論如何,我想這包羅萬象的規則將做:

.form1 [group="write"] { display: none; } 

如果您需要明確地匹配inputselecttextarea元素而已,有一個在CSS3比你有沒有什麼辦法更短。

+0

哈哈!我從來沒有想過只是剔除標籤,只用[group =「write」] ...... doh!謝謝! – Christian

+2

請記住,這會影響*所有*與'group =「write」',與原始CSS略有不同。但我同意Boltclock 100%,爲什麼不使用類?我想你有你的理由,但值得重新考慮。 –

+0

它會隱藏屬性爲'group =「write」'的所有元素,如何隱藏僅列出的元素? – Samich