html - 使用类将样式应用于 div 中的元素

Question

我能做什么:

HTML:

<div id="test">
    HELLO! 
    <input type="text">
</div>

CSS:

#test {
   color:#F00;
}

#test input[type=text] {
   background-color:#000;
}

如果 #test 没有 ID 而是一个类，我想做的是同样的事情:

<div class="test">
   ...

在这种情况下，我应该如何编写 CSS？

Answer 1

使用.来表示一个类。

.test {
    color: red;
}