2015-04-01 87 views
-4

我有一個HTML div標籤爲初級講座:使用HTML類屬性在CSS文件

<div id="cookiemsgbox" class="blue" style="display: block;"> 

這包括幾個環節和跨度標籤。它們都以藍色顯示,因爲屬性爲class=blue;

現在,而不是把它放在html標記我希望在css中使用類屬性。 我寫它作爲初級講座:

#cookiemsgbox { 
class: blue; } 

也試過:

#cookiemsgbox { 
class: #364395; } 

但這並不作品。 鏈接和跨度元素顯示爲灰色(無色)。

我哪裏錯了? 請幫忙。 謝謝:)

+8

你真的需要CSS'的'一個基本的瞭解。 Class'es在'CSS' - >'.blue {color:blue}'中聲明如下所示: – Morpheus 2015-04-01 06:47:15

+0

正如@Morpheus所說的,你必須看看CSS的基礎知識。這可能會幫助你:http://www.w3schools.com/css/css_intro.asp或http://www.cssbasics.com/ – Roman 2015-04-01 06:53:25

+0

爲什麼你需要CSS類屬性在CSS? – ketan 2015-04-01 07:13:40

回答

1

在你的CSS使用color: blue;。要了解CSS選擇參考

#cookiemsgbox 
{ 
    color: blue; 
} 

釋:

  • #選擇id屬性
  • .選擇class屬性。

#cookiemsgbox選擇帶有id="cookiemsgbox"的元素。

.blue選擇與class="blue"

+2

對於有效的HTML#應該只選擇一個元素,因爲ID必須是唯一的;) – 2015-04-01 08:37:18

1

所有元素試試這個

.blue 
    { 
     color : blue; 
    } 

OR

#cookiemsgbox 
    { 
     color : blue; 
    }