html - 如果class和class显示某些CSS

码：

<div class="mgu-teaser-slide-left mgu-rot">
    <div class="mgu-teaser-slider-bubble">blabla</div>
</div>
or
<div class="mgu-teaser-slide-left mgu-gelb">
    <div class="mgu-teaser-slider-bubble">blabla</div>
</div>

现在，我正在寻找一种解决方案，可以告诉类mgu-taser-slider-bubble如果显示“ mgu-teaser-slide-left和mgu-rot”，则显示特定的background-img；如果显示“ mgu-teaser-slide-left和mgu-gelb”，则显示另一个背景。我需要这种组合，因为最后它应该显示背景左对齐或右对齐（末尾还有另一个类“ mgu-teaser-slide-right”）。

我已经尝试过了（不起作用！）：

.mgu-teaser-slide-left .mgu-rot .mgu-teaser-slider-bubble { background: url('...'); }

感谢帮助

最佳答案

尝试这个。

由于类.mgu-teaser-slide-left .mgu-rot在同一元素上，因此请使用

.mgu-teaser-slide-left.mgu-rot

.mgu-teaser-slide-left.mgu-rot .mgu-teaser-slider-bubble {
  background-color: red;
}

<div class="mgu-teaser-slide-left mgu-rot">
    <div class="mgu-teaser-slider-bubble">blabla</div>
</div>
or
<div class="mgu-teaser-slide-left mgu-gelb">
    <div class="mgu-teaser-slider-bubble">blabla</div>
</div>

关于html - 如果class和class显示某些CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41359283/