如何在给定的id或类内的元素中实现CSS？

Question

<div id="chart-id-149" class="big_number_total">
  <div class="superset-legacy-chart-big-number  no-trendline" style="height: 98px;">
    <div class="header-line" style="font-size: 18px; height: 49px;">
      <span>30</span>
    </div>
    <div class="subheader-line" style="font-size: 3px; height: 30px;">% Conversions</div>
  </div>
</div>

请注意，我想引用 小标题线 类的id。chart-id-149. 所以条件应该是id内的文字，即 排行榜-ID-149 和类 小标题线 的颜色应该是蓝色。

我的代码是这样的。

#chart-id-149.subheader-line {
    color: blue;
}

但我没有看到任何效果，请告诉我我哪里做错了。

Answer 1

后代元素在CSS中是用空格来选择的，所以你需要。

#chart-id-149 .header-line

Answer 2

你在点(...)前少了一个空格。

#chart-id-149 .header-line
{
    color: blue;
}