1

我创建了一个新的 div 并在里面放了一些东西。然后我转到样式表并创建了相应的样式。当我去刷新页面并检查元素时,div 没有从样式表中提取样式。帮助,因为它真的很令人沮丧。

这是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;

}

4

4 回答 4

2

像这样写:

.columnlayout2

代替

.2columnlayout

因为CSS无法识别以数字开头的Class& 。ID

于 2013-03-07T04:44:11.593 回答
0

课程不能以数字开头。将其重命名为类似的twocolumnlayout名称。

于 2013-03-07T04:45:10.153 回答
0

试试这个。

<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-07T04:51:26.197 回答
0

CSS的语法规则不允许以数字开头的标识符,例如2columnlayout,因此规则中的选择器无效,因此整个规则被忽略。

正如其他答案中所建议的,您可以通过使用以字母开头的类名来避免此问题。这在适用时通常是最好的。

但是,类名可以以数字开头(限制是 CSS 语法,而不是 HTML 语法),如果您不能更改类名,您可以使用转义符号表示数字。在这里,您可以将数字替换为2\32 反斜杠、数字三、数字二、空格),这是一种基于数字的 Unicode 代码编号(十六进制 32)的转义符号:

.\32 columnlayout {
  /* declarations here */
}
于 2013-03-07T05:04:58.297 回答