CSS - 創建子類

Question

我有我的輸入框的默認樣式。當我指定一個「req」類時，我想在框中添加一個額外的樣式。它不工作。這是我的代碼。

CSS：

input{background-color: #000; color: #FFF; border: 1px solid #515151; width: 230px;} 
input req {background-color: Purple;} 

HTML：

<input id="FirstName" type="text" class="req" /> 

文本框反映了輸入級，而不是子類。有任何想法嗎？

Answer 1

在你的CSS樣式表，更改：

input req { ... } 

到：

input.req { ... } 

（input.req表示屬於req類的所有input元素，而input req表示是內部的input所有req元素元素，點的前綴名稱僅爲shorthand for the [class~=req] attribute selector。）

Answer 2

原來我在我的基礎輸入類和我的子類之間需要一個點。

input.req {background-color: Purple;} 

Answer 3

你缺少從類名點，試試這個：

input.req {background-color: Purple;} 

或者只是因爲你已經在使用此爲您的文本添加此風格：

.req {background-color: Purple;}