CSS同一領域的兩種不同款式

Question

我如何在同一領域中應用兩種款式？一個名稱*字段。我想將Name應用爲一種文本顏色，*是另一種顏色。可以有任何一種建議。

Answer 1

如果我正確地理解了你，那麼CSS類就是你所需要的。 它們可應用於並排側爲單個項目是這樣的：

<input class="first1 second1"/> 

你應該注意的是，如果你在這兩個類定義了相同的屬性，只有最後一個將被應用。

如果這不能解決您的問題發佈一些代碼，以獲得更多幫助。

Answer 2

我想你在同一個元素中要求兩種不同的文本顏色 - 你不能那樣做。您需要添加其他元素在裏面，例如：

<label for="first_name">Name<span>*</span></label> 

label { color: blue; } 
label span { color: red; } 

Answer 3

你需要一些額外的標記：

<label>Name <span class="required">*</span> 
    <input type="text" name="name" value="" /> 
</label> 

// CSS 
label { 
    color: green; 
} 

label .required { 
    color: red; 
}