如何引用子类CSS

Question

我有这个结构：

s--plus

如何从article类48？

中引用课程.48 .s--plus

我尝试过： {{1}}但它不起作用

Answer 1

班级名称不应以数字开头。

尝试将此更改为media-48或类似内容。

或者，您可以将其设置为数据属性：

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

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

Answer 2

您可以转义第一位数字，将其转换为Unicode：

.\34 8 .s--plus {
    background: blue;
}

或目标类属性

article[class ~= "48"] .s--plus {
    background: red;    
}

demo fiddle

Answer 3

班级名称不能以数字开头。它与变量相同。您可以将其放在data- *属性中或添加一个单词：

  <tag class="media prepend48">

OR

  <tag class="media" data-custom="48">

Answer 4

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

你有班级48。类名不能以数字开头。尝试将其更改为字母

Answer 5

已更新没有看到<a>结束的位置

你可以尝试

article > a > .s--plus{
...
}