爲什麼你不能在CSS中使用數字，是否有另一種工作方式？我有以下代碼：CSS無法選擇帶有數字的類/標識符？

<div class="center 400-width" id="position"> 
    <div class="" id="header"> 
     Header 
    </div> 
    <div class="" id="content"> 
     Content 
    </div> 
    <div class="" id="footer"> 
     Footer 
    </div> 
</div>

的CSS選擇類400-width這意味着容器得到的400px的寬度。 background-color用於檢查是否爲真。

.400-width{ 
    width:400px; 
    background-color:blue; 
    color:white; 
}

它，你可以看到here

我通過four更換400-解決了這個問題並沒有馬上發生。所以它變成了fourwidth。

來源

2013-08-26 Ahmed

你可以在css類中使用數字，但不能作爲第一個字符。 – fcalderan

看看[這個問題]（http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-selectors） –

我都面臨着同樣的問題....其實它不是一個問題，反正..

，而不是「.WIDTH-400'

來源

2013-08-26 09:22:28

這可以幫助你「0.400寬度」使用CSS的語義

css semantic

壞語義

<div class="article"> 
    <div class="article_title">Smurf Movie Kinda Sucks</div> 
    <div class="the_content">Not surprisingly, this weeks release of 
    <div class="darkbold">The Smurfs</div> kinda sucks.</div> 
</div>

個良好的語義

<article> 
    <h1>Smurf Movie Kinda Sucks</h1> 
    <p>Not surprisingly, this weeks release of 
    <b>The Smurfs</b> kinda sucks.</p> 
</article>

來源

2013-08-26 09:23:05

該鏈接理論上可以回答這個問題，但[it會更好]（http://meta.stackexchange.com/q/8259）在這裏包括答案的基本部分，並提供參考鏈接。 – JJJ

.width-400{ 
    width:400px; 
    background-color:blue; 
    color:white; 
}

來源

2013-08-26 09:25:16 akash

CSS類名不能以數字開頭，必須以字母開頭;在做網格系統等時，這已經讓我着迷了。您可能會使用width-400或簡寫爲w400。

來源

2013-08-26 09:30:27

._400-width{ 
    width:400px; 
    background-color:blue; 
    color:white; 
}

來源

2013-08-26 09:47:12 sarsarahman

根據W3C spec CSS標識符不能用數字開始，但如果你想保持400-width，你可以用一個小技巧，更換前置號碼n與\3n像

.\34 00-width{ 
    width:400px; 
    background-color:blue; 
    color:white; 
}

在這裏，你有它的工作in your jsfiddle，加上幾個other samples, 和相關SO comment

來源

2015-06-05 15:10:22 tomalec

CSS無法選擇帶有數字的類/標識符？

回答

壞語義

個良好的語義

相關問題