我的输入框有默认样式。当我指定一个“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" />
文本框反映输入类，但不反映子类。有什么想法吗？
答案 0 :(得分：7)
在CSS样式表中，更改：
input req { ... }
为：
input.req { ... }
（input.req表示属于类input的所有req元素，而input req表示req内的所有input元素点前缀类名称仅为shorthand for the [class~=req] attribute selector。）
答案 1 :(得分：0)
原来我需要在我的基类输入类和子类之间加一个点。
input.req {background-color: Purple;}
答案 2 :(得分：0)
你错过了班级名称中的一个点，试试这个：
input.req {background-color: Purple;}
或者只是添加此样式，因为您已将其用于文本框：
.req {background-color: Purple;}