在 div 中具有特定类的样式段落答案

【问题标题】：Style paragraph with a specific class inside a div在 div 中具有特定类的样式段落
【发布时间】：2017-06-10 14:00:21
【问题描述】：

我知道这非常容易，但我现在被卡住了，无法让它工作。我怎样才能只给具有“文本静音”类的段落以具有颜色：#ff9; 我在其他一些黑色元素中使用了“文本静音”类，但我不希望它们改变。

我可以在里面添加内联样式，它已经工作了，但我不想这样做。这是代码：

<div class="card text-center">
  <div class="card-img"><img src="" alt="picture"></div>
  <div class="card-block">
    <h4 class="card-title">blabla bla</h4>
    <hr>
    <p class="text-muted">blabla bla!</p>
    <div class="card-btn"><a href="blog.html" class="btn btn-
  primary">more</a></div>
  </div>
   </div>

【问题讨论】：

将代码添加到您的问题中，使其格式正确。
我想你已经尝试过.text-muted {color:#ff9} ;)。如果你有，那么试试.card .text-muted {color:#ff9} 让它在可能压倒它的风格上拥有更高的权力。如果这不起作用，请使用浏览器开发者控制台检查元素以查看发生了什么。
谢谢，很简单，成功了！
没问题。接受 alexia-constantinou 的回答，因为他做了正确的回答和解释。

标签： html css

【解决方案1】：

要设置具有特定类的特定元素类型的样式，请将它们组合到您的 css 选择器中：

p.text-muted {
    color: #ff9;
}

这是说“将#ff9 的文本颜色应用于任何具有text-muted 类的p 标记”

问题澄清后编辑

要将此颜色仅应用于特定元素 (.card-block) 内的元素，请使用：

.card-block p.text-muted {
    color: #ff9;
}

或者如果你知道 p 标签将是父元素的直接子元素：

.card-block > p.text-muted {
    color: #ff9;
}

【讨论】：

这将更改所有带有文本静音类的 p。我的问题是我只想更改特定 div 中的 p。
具体是哪个div？
更新了我的答案

【解决方案2】：

在 css 中尝试以下：

p.center {
text-align: center;
color: red;

}

【讨论】：

【解决方案3】：

如果您只想更改特定 div 中的 p，请执行以下操作：

div.card-block > p {
    /* your css ... */
}

【讨论】：

【解决方案4】：

试试这个。

.card-block .text-muted{
    color:#ff9;
}

【讨论】：