CSS逗號用法

下面是一些CSS代碼。CSS逗號用法

.form-field {min-height: 20px; margin-bottom: 10px; padding-top: 4px; width: 80px;} 
.form-field TEXTAREA, INPUT[type='text'] {position: absolute; left: 100px; top: 0px; height: 15px;} 
.form-field TEXTAREA {height: 80px;}

所以每次出現在CSS應該應用div.form-field一個input或textarea。

雖然任何地方只是一個INPUT[type='text']（即使在.form-field之外），CSS就會被應用。我如何阻止它這樣做？

來源

2011-07-27 Prakash Raman

.form-field TEXTAREA, .form-field INPUT[type='text']{

來源

2011-07-27 19:26:21

啊，是的，謝謝：D 現在有道理。 –

哎呦你想要OR，忽略這個。

+「匹配緊接在兄弟元素E之前的任何F元素」。來源：W3

.form-field TEXTAREA + INPUT[type='text'] {position: absolute; left: 100px; top: 0px; height: 15px;}

來源

2011-07-27 19:27:45

逗號整個選擇器分離。所以.form-field TEXTAREA, INPUT[type='text']選擇.form-field TEXTAREA和INPUT[type='text']。

你可能感興趣的是:matches() selector。目前，這隻能在FireFox中以:-moz-any() selector的形式提供。這允許你寫：

.form-field:-moz-any(TEXTAREA, INPUT[type='text'])

但是，它的安全只是去與

.form-field TEXTAREA, .form-field INPUT[type='text']

作爲一個側面說明，HTML標記名稱應該是小寫。所以你應該真的使用

.form-field textarea, .form-field input[type='text']

來源

2011-07-27 19:28:22 Eric

聲稱在CSS4 dibs，我看到：P – BoltClock

哦，我明白了。非常感謝那些我不知道的事情。謝謝。 –

回答

相關問題