div與類將不會識別CSS樣式

我創建了一個新的div並放置了一些東西。然後我去了樣式表並創建了相應的樣式。當我刷新頁面並檢查元素時，div不會從樣式表中拉出樣式。幫助，因爲它真的令人沮喪。div與類將不會識別CSS樣式

下面是HTML

<div class="2columnlayout"> 
     <div id="managecontent1"> 
      <img src="img/wordpress-logo.png" /> 
      <p>Wordpress</p> 
     </div> 
     <div id="managecontent2"> 
      <img src="img/filezillaicon.png" /> 
      <p>F.T.P.</p> 
     </div> 
    </div>

，這裏是相應的CSS，它不會承認

.2columnlayout{ 
text-align: center; 
font-size: 24px; 
font-weight: 300; 
margin-top: 90px;

}

來源

2013-03-07 zachstarnes

這樣寫：

.columnlayout2

而不是

.2columnlayout

因爲CSS無法識別Class & ID與數字編號開始。

來源

2013-03-07 04:44:11 sandeep

或twocolumnlayout。 – Leeish 2013-03-07 04:45:08

yup這也不錯 – sandeep 2013-03-07 04:46:20

感謝您的幫助 – zachstarnes 2013-03-07 04:46:44

類可能不以數字開頭。將它重命名爲twocolumnlayout。

來源

2013-03-07 04:45:10

感謝告訴我爲什麼。我不知道。覺得現在愚蠢哈哈:) – zachstarnes 2013-03-07 04:46:06

試試這個。

<div class="columnlayout"> 
     <div id="managecontent1"> 
      <img src="img/wordpress-logo.png" /> 
      <p>Wordpress</p> 
     </div> 
     <div id="managecontent2"> 
      <img src="img/filezillaicon.png" /> 
      <p>F.T.P.</p> 
     </div> 
    </div>

樣式表是：

.columnlayout div p{ 
text-align: center; 
font-size: 24px; 
font-weight: 300; 
margin-top: 90px; 
}

來源

2013-03-07 04:51:26

CSS的syntax rules不允許以數字開頭的標識符，諸如2columnlayout，所以在規則中的選擇器是無效的，因此整個規則被忽略。

正如其他答案中的建議，您可以通過使用以字母開頭的類名來避免此問題。適用時，這通常是最好的。

但是，一個類的名字可以以數字（限制在CSS語法，而不是在HTML語法）開始，如果你無法改變類的名稱，你可以使用一個escape notation的數字。在這裏，您可以通過\32 數字的（反斜槓，數位三，數字二，空間），（十六進制32）基於Unicode碼數轉義符號代替數字2：

.\32 columnlayout { 
    /* declarations here */ 
}

來源

2013-03-07 05:04:58

div與類將不會識別CSS樣式

回答

相關問題