2014-10-07 60 views
-1

我有類似:HTML/CSS ID標籤#ID

<div id="5.5a"> 
    <p >First Div</p> 
</div> 

和我的CSS有:

#5.5a { 
    color=blue; 
} 

應該不是ID = 「5.5A」 鏈接我的CSS#5.5a? (CSS其他地方工作的,所以我的標籤是正確的)

+0

爲什麼有'/'在選擇面前? – SnareChops 2014-10-07 18:20:25

+0

堆棧溢出擺脫了我的#並淹沒了其餘的文本。 – 2014-10-07 18:22:07

+0

@BDN你不需要轉義它,你需要在新行上提交你的代碼。 – TylerH 2014-10-07 18:22:45

回答

2

id,像class,在CSS不應該以數字字符開始(也可以,如果你想要的,但它需要適當地轉義)和不能在其id一個.,因爲.表示以下(有效)字符序列是新的類名稱。

此外,在CSS屬性值分配是使用一個冒號(:)不是一個等號(=):

這就是說,如果你必須使用它作爲-是:

#\35\.5 { 
 
    color: blue; 
 
}
<span id="5.5">Demo</span>

+0

我認爲這個點就像其他任何「特殊」角色一樣必須逃脫,那麼它就應該起作用。 – CBroe 2014-10-07 18:21:08

+0

僅供參考:http://www.w3.org/TR/html4/types.html#type-id「ID和名稱標記必須以字母([A-Za-z])開頭,並且可以跟任何字母字母數字,數字([0-9]),連字符(「 - 」),下劃線(「_」),冒號(「:」)和句點(「。」)「 – CodingWithSpike 2014-10-07 18:21:34

2

CSS需要冒號,而不是等號:

#yourIDname { 
    color: blue; 
} 

此外,ID不能以數字開頭。有關更多信息,請參閱this answer

我認爲在ID中有小數在技術上是可以的,但是您可能想要避免它們,因爲它們對於類名是無效的,並且您冒着將子代碼5a的#5#5.5a混淆的風險。