如果階級和階級顯示某些CSS

代碼：如果階級和階級顯示某些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表現出一定的背景IMG如果「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('...'); }

感謝您的幫助

來源

2016-12-28 Stiller Eugen

你必須再次讀取CSS文件。問題是你的類名之間有空格。嘗試用'.mgu-teaser-slide-left.mgu-rot'代替...（直接連接） – arkascha

相關：[Multiple Class/ID and Class Selectors]（https://css-tricks.com/multiple -class-id-selectors /）關於CSS-tricks – FelipeAls

[CSS Selector適用於具有兩個類的元素]的可能重複（http://stackoverflow.com/questions/3772290/css-selector-that-applies-to-元素與兩類） –

試試這個。

由於類.mgu傳情滑左.mgu腐是相同的元素，與

.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>

來源

2016-12-28 09:43:03 Deep

不要只是閃出一些代碼，這對其他人來這裏看到你的答案几乎沒有幫助。始終提供解釋。 – giorgio

也增加了解釋。你的評論擊敗了我，節省了這一點，可能是40奇秒 – Deep

你是否害怕有人會打你一個正確的答案？ SO實際上不是一場比賽... – giorgio

它應該像訪問這個：

.mgu-teaser-slide-left.mgu-gelb .mgu-teaser-slider-bubble { 
    … 
}

https://jsfiddle.net/ph9ka5c4

來源

2016-12-28 09:46:16

用逗號和並使用多個CSS規則OR串連CSS類：

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

來源

2016-12-28 09:47:21

如果階級和階級顯示某些CSS

回答

相關問題