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が認識しないためです。ClassID

于 2013-03-07T04:44:11.593 に答える
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

クラスは数字で始めることはできません。代わりに次のような名前に変更しtwocolumnlayoutます。

于 2013-03-07T04:45:10.153 に答える
0

CSSの構文規則では、 などの数字で始まる識別子は許可されていない2columnlayoutため、規則のセレクターは無効になり、規則全体が無視されます。

他の回答で示唆されているように、文字で始まるクラス名を使用することでこの問題を回避できます。これは通常、該当する場合に最適です。

ただし、クラス名は数字で始まる場合があり (制限は HTML 構文ではなく CSS 構文にあります)、クラス名を変更できない場合は、数字にエスケープ表記を使用できます。2ここで、数字を(バックスラッシュ、数字 3、数字 2、スペース) に置き換えることができます。これは\32 、数字の Unicode コード番号 (16 進数で 32 in) に基づくエスケープ表記です。

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