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;
}

Answer 2

只需用#（.句点）替换：

.test {
   color:#F00;
}

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