1

为什么你不能在 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;
}

正如您在此处看到的那样，它现在不会发生

我通过替换解决了这个400-问题four。于是就变成了fourwidth。

4

6 回答 6

6

我也遇到过同样的问题。。其实这不是问题。。

而不是 '.400-width' 使用 '.width-400'

于 2013-08-26T09:22:28.900 回答
4

这可以帮助您了解 CSS 的语义

css 语义

坏语义

<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-26T09:23:05.910 回答
3 
._400-width{
    width:400px;
    background-color:blue;
    color:white;
}
于 2013-08-26T09:47:12.353 回答
3 
.width-400{
    width:400px;
    background-color:blue;
    color:white;
}
于 2013-08-26T09:25:16.397 回答
3

CSS 类名不能以数字开头，必须以字母开头；在做网格系统等之前，这已经引起了我的注意。您可能会使用width-400or 为简洁起见w400。

于 2013-08-26T09:30:27.997 回答
1

根据W3C 规范CSS 标识符不能以数字开头，但如果你想保留400-width，你可以使用一个小技巧并将前导数字替换n为\3nlike

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

在这里，您可以在 jsfiddle 中使用它，以及其他一些示例以及相关的SO 评论

于 2015-06-05T15:10:22.180 回答