Question

我知道这非常容易，但我现在陷入困境，无法使其发挥作用。我怎样才能只给出具有“文本静音”类的段落才能有颜色：＃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>

Answer 1

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

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

这是说“将#ff9的文字颜色应用于任何p

类的text-muted标记

在问题澄清后编辑

仅将此颜色应用于特定元素（.card-block）内的元素：

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

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

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

Answer 2

在css中尝试以下内容：

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

}

Answer 3

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

global $wpdb;

$posts = $wpdb->get_results('SELECT ID, post_title AS title, post_excerpt AS excerpt FROM '.$wpdb->posts.' WHERE post_type = "post" AND post_status = "publish" ORDER BY post_date DESC LIMIT 5');

Answer 4

试试这个。

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

样式段与div中的特定类

4 个答案: