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表示input属于class的所有元素req,而input req表示req元素内的所有元素input.点前缀类名称只是属性选择器的简写[class~=req].)