在给定名称、ID和类的情况下重写CSS

我试图覆盖表单控件中的背景颜色，但它似乎没有改变。以下是我正在做的：

#guide .form-control
{
    background-color: #000000;
}

HTML：

input type=“text”id=“guide”name=“q”class=“form control”placeholder=“Search”>

---

谢谢

只有类选择器就足够了

您编写了

#guide.form control

，它表示一个元素，它的一个类为

.form control

，也表示一个元素的后代，该元素的id为

#guide

。它不同于

#guide.form控件

（不带空格）

.form控件
{
背景色：#000000；
}

---

如果要覆盖它，请删除两个选择器之间的空格

#guide.form-control
{
     background-color: #000000;
}

问题是id#指南和

类

。表单控件

处于同一级别。因此，它们之间不需要空间

#guide.form-control{ ... }

不过，如果没有必要，您可以只使用class或id

#guide{ ... }

.form-control{ ... }