CSS樣式規則

對於像下面CSS樣式規則

<div class="container"> 
<div class="headers"> 
    <div class="header"></div> 
    <div class="header"></div> 
    ... 
</div> 
<div class="contents"> 
    <div class="content"></div> 
    <div class="content"></div> 
    ... 
</div> 
</div>

我申請一個CSS樣式類似下面的結構，但似乎背景色被只適用於標題，而不是內容（風格是懸停過程中應用事件）

.container .header,.content{background-color:#55bbee;font-weight:700;color:#fff}

我當然相信這是與選擇了一個錯誤，但錯誤的困惑在那裏我，我可以做到這一點，並愉快地工作，但如何做到這一點的單行

.container .header{background-color:#55bbee;font-weight:700;color:#fff} 
.container .content{background-color:#55bbee;font-weight:700;color:#fff}

來源

2012-01-03 Deeptechtons

缺少's'。或者將類名改爲'content'和'header' – diEcho 2012-01-03 09:26:45

從「child」這個詞的用法來看，不清楚你是在試圖設計你的'.headers'和'.contents'元素還是它們的嵌套' .header'和'.content'元素。 – BoltClock 2012-01-03 09:30:30

@BoltClock對不起，應該指定，我正在設計**內容，標題**，而不是父（內容，標題） – Deeptechtons 2012-01-03 09:46:58

據我所知，你不能將選擇器分組。你必須引用.container兩次

.container .header, .container .content { 
    background-color:#55bbee; font-weight:700; color:#fff 
}

來源

2012-01-03 09:27:34

我能做到這一點？ '.container .headers .header，.container .contents .content {/ * some coloe * /}'沒有比爲每個選項指定'.container'更短的方法嗎？ – Deeptechtons 2012-01-03 09:30:57

你是對的，沒有比指定'.container'兩次更短的方法。你可以使用LESS來解決這個問題，但是對於純CSS，你將不得不使用這個。 – 2012-01-03 09:32:51

在6分鐘內接受爲答覆:) – Deeptechtons 2012-01-03 09:33:53

當然：

.container .header, .container .content {background-color:#55bbee;font-weight:700;color:#fff}

來源

2012-01-03 09:28:25 bekay

.container .headers .header, 
.container .contents .content{background-color:#55bbee;font-weight:700;color:#fff}

來源

2012-01-03 09:29:29

的代碼中給出的作品就好了，如果你在元素的一些內容，使任何背景顯示在第一地點。

問題在於其他地方，代碼部分未顯示。

來源

2012-01-03 09:34:58

CSS樣式規則

回答

相關問題