Html PIN指向我需要改变的基础CSS背景颜色的面板？ 另一个基础的问题。在下载的大量代码中，我找不到在哪里更改特定面板的背景颜色

这是我需要更改背景的代码部分

<div class="row">
  <div class="large-12 columns">
    <div class="panel">
        <h3>Innovations in Development</h3>
        <p>Text Text Text</p>
        <p>Products currently in different stages of development are:</p>
        <div class="row">
            <div class="large-4 medium-4 columns">
            <p>Product A</p>
        </div>
            <div class="large-4 medium-4 columns">
                <p>Product B</p>
            </div>
            <div class="large-4 medium-4 columns">
                <p>Product C</p>
            </div>        
                </div>
    </div>
  </div>
</div>

我只加了“！“重要”因为我在另一个问题上看到了可以覆盖其他代码的内容

我会发布一张我正在谈论的面板的图片，但我不能，直到我点击10次

谢谢大家!

编辑：

---

你们都帮了大忙！非常感谢你！如果可以的话，我会投你一票！我必须说，迅速的反应挽救了我的生命，对天真问题的耐心令人难以置信。非常感谢你

您的CSS中有一个错误

有两类，即

.large-12

和

.columns

。指定CSS时使用的是

.row.large-12_columns.panel

而不是

.row.large-12.columns.panel

。试试这个：

.row .large-12.columns .panel {
     background-color: blue !important;
}

.row.large-12.columns.panel{
背景色：蓝色！重要；
}

发展创新
文本文本文本

目前处于不同开发阶段的产品有：

产品A

产品B

产品C

所有类之间都需要空格

.row .large-12.columns .panel {
background-color: blue !important;
}

---

当两个选择器在一起而没有空格时，您可以“链接”选择器。在本例中，可以将.large-12和.columns链接起来，因为它们是同一对象上的类。

当我需要查看要使用的元素时，我使用Chrome的Web Inspector（F12）。或者右键点击网页，选择“检查元素”--它会为您突出显示它。右下角将列出所有应用于它的CSS规则。您可以在那里对它们进行修补，或者只是阅读底部以查看它列出的元素dom路径。它不是

div.large-12>div.panel

还是

div.large-12 div.panel

？（我总是混合匹配/混淆儿童的

。@jason这也是正确的，可以将其用作

div.row>div.large-12.columns>div.panel

。

.row .large-12.columns .panel {
background-color: blue !important;
}