html - 如果类和类显示某些 css

Question

代码:

<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”或另一个如果是“mgu-teaser-slide-left 和 mgu-gelb”。我需要这种组合，因为最后它应该显示左对齐或右对齐的背景(最后会有另一个类“mgu-teaser-slide-right”)。

我已经试过了(没用!):

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

感谢帮助

Answer 1

试试这个。

因为类 .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>