如何引用子类CSS

Question

我有这个结构:

<article class="media media--small 48">
   <a href="#">
   <img src="" class="media__img" alt="">
   <i class="s s--plus"></i></a>
   <div class="media__body">
      <h1 class="media__title"></h1>
      <p></p>
      <div style="display: inline-block;"><a href="" target="_blank"><img src="" alt=""></a> <a href="" target="_blank"><img style="margin-left: 17px;" src="" alt=""></a></div>
      <p></p>
   </div>
</article>

我怎样才能参考48 级s--plus的article班级？

我尝试过: .48 .s--plus但它不起作用

Answer 1

类名不应以数字开头.

尝试将此更改为media-48类似的东西.

或者,您可以将其设置为数据属性:

<article class="media media--small" data-articleid="48">

article[data-articleid=48] .s--plus