多頁h6標題在一個頁面上的不同樣式

-2

在一頁上以不同方式設置多個h6標題的正確方法是什麼？我想以下：多頁h6標題在一個頁面上的不同樣式

CSS：

.content{ width:660px; overflow:hidden; } 

.content h6{ margin:25px 20px 0px 35px; 
      font-size:32px; 
      padding-bottom:5px; 
      font-family: 'Arial', sans-serif; 
} 

.blue { 
    color:#60817a; 
    border-bottom:2px solid #99bcb4; 
    text-shadow: 1px 1px 1px #99BCB4; 
} 

.black { 
     color:#000000; 
     border-bottom:2px solid #333333; 
     text-shadow: 1px 1px 1px #333333; 
    }

HTML：

<div class="content"> 
<h6 class="blue">Subtitle</h6> 

<div class="content"> 
<h6 class="black">Subtitle</h6>

來源

2012-02-04 Martijn

看起來像它會對我有用。你認爲這些問題是什麼？ – 2012-02-04 15:01:31

無論你爲什麼工作 - 但在同一個網頁上有不同的標題樣式，例如通過http://csslint.net/。 – egasimus 2012-02-04 15:03:20

@ Brian＆ngen Thx，我不認爲在標題中增加額外的類是正確的。 – Martijn 2012-02-04 15:05:55

幾件事情：

對於選擇優先於其他選擇器，你需要考慮它的specificity。根據該鏈接中列出的規則，您的.blue選擇器不會與.content h6選擇器一樣具體（嘗試將color: red添加到content h6選擇器;其他規則將優先如此）。改爲嘗試製作第二個選擇器.content .blue。
blue是一個不好的名字，對於類和ID是語義的，你應該選擇一個描述它的名稱，而不是它看起來像什麼（即當你改變你的CSS並且決定它應該是紅色時，看起來有點愚蠢）。

來源

2012-02-04 15:04:32 cmbuckley

多頁h6標題在一個頁面上的不同樣式

回答

相關問題