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" />

文本框反射(reflect)了输入类，但不是子类。有什么想法吗？

Answer 1

在您的 CSS 样式表中，更改:

input req { ... }

到:

input.req { ... }

(input.req表示属于类req的所有input元素，而input req表示所有req 元素位于 input 元素内。点前缀类名只是 shorthand for the [class~=req] attribute selector 。)