我有我的输入框的默认样式。当我指定一个“req”类时，我想在框中添加一个额外的样式。它不工作。这是我的代码。CSS - 创建子类
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" />
文本框反映了输入级，而不是子类。有任何想法吗？
在你的CSS样式表，更改：
input req { ... }
到：
input.req { ... }
（input.req表示属于req类的所有input元素，而input req表示是内部的input所有req元素元素，点的前缀名称仅为shorthand for the [class~=req] attribute selector。）
原来我在我的基础输入类和我的子类之间需要一个点。
input.req {background-color: Purple;}
你缺少从类名点，试试这个：
input.req {background-color: Purple;}
或者只是因为你已经在使用此为您的文本添加此风格：
.req {background-color: Purple;}
是的，这是因为“输入req”是指“req类型的输入的孩子”，“input.req”是指“输入的东西是类req”。 “”意思是“class”，“＃”意思是“id”。 – 2010-02-09 20:49:49