CSS：樣式會影響標籤以外的標籤

Question

道歉如果標題有點混亂。這就是我的意思是：

我有以下標記：

<ul class="cv-section"> 
    <li> 
     <h2>Section</h2> 
     <p>Lorem ipsum dolor sit amet...</p> 
    </li> 
    ... 

我有以下樣式：

.cv-section h1,h2,h3,h4,h5 { 
    text-align: left; 
    color: red; /*for debugging*/ 
} 

然而，風格正在呈現出以下H2標籤效果：

<div class="content-wrapper"> 
    <article> 
     <h1>About Title</h1> 
     <p class="lede">Lorem ipsum dolor sit amet.</p> 
     <h2>About Title h2</h2> 
     <p>Lorem ipsum dolor sit amet.</p> 
    </article> 
</div> 

CSS選擇器指定標頭是.cv-section的後代，但h2標籤文章內部爲紅色，並且儘管頁面上沒有出現單個.cv部分，仍與左側對齊。

我在做什麼錯？

（經測試，在Chrome和Firefox瀏覽器。）

Answer 1

它應該是這樣的。 .cv-section h1會影響div cv-section中的所有h1，但是當您用逗號分隔它時，您正在定義新規則。

.cv-section h1, 
.cv-section h2, 
.cv-section h3, 
.cv-section h4, 
.cv-section h5 { 
    text-align: left; 
    color: red; 
} 

Answer 2

你需要重複.cv-section在規則中的每個元素：

.cv-section h1, .cv-section h2, .cv-section h3, .cv-section h4, .cv-section h5 

你現在的樣子，只有.cv-section h1被限制爲存在與一類元素.cv-section