-3

これが私のhtmlコードです:

<div class="ObjectList" id="ObjectList">
    <p class="ObjectListTitle" id="Element">TEST</p>
</div>

CSS はクラス ObjectList では正常に機能していますが、ObjectListTitle では機能しません。

これは私のcssファイルです

#ObjectList{
background-color:red;
height:100%;
width:25%;
}

#ObjectListTitle{
background-color:yellow;
}
4

4 に答える 4

5

あなたの要素には ID がなくObjectListTitle、class ObjectListTitleがあります。ID セレクター ( #) を使用しており、クラス セレクター ( .)を使用する必要があります

.ObjectListTitle{
    background-color:yellow;
}

デモ

于 2013-06-24T06:24:36.830 に答える
0

これを試してください: id に css を作成し、html ソースのタラをクラスに適用するので、

<div class="ObjectList" id="ObjectList">
    <p class="ObjectListTitle" id="Element">TEST</p>
</div>
于 2013-06-24T06:24:56.867 に答える
0

このコードを試してください。

HTML

<div class="ObjectList" id="ObjectList">
    <p class="ObjectListTitle" id="Element">TEST</p>
</div>

CSS

#ObjectList{
background:red;
height:100%;
width:25%;
    padding:10px;
}

.ObjectListTitle{
background:#ff9900;
    width:50px;
    height:50px;
    display:block;
}
于 2013-06-24T07:26:47.197 に答える
0

css では、さまざまなグループのスタイルがどのように設定されているかを知る必要があります。

タグ タグ<div></div> のスタイリングとは、そのタグを持つすべての要素 (この場合はすべての div) をスタイルすることを意味します。

div{background:black;}

クラス クラス<div class="foo" id="bar"></div> のスタイリングとは、css ルールがそのクラスのすべてのタグに適用されることを意味します。クラスを使用する回数だけルールがページに適用されることを意味します

.foo{background:black;}

ID ID<div class="foo" id="bar"></div> のスタイリングはクラスに似ていますが、ID はページ上で一意でなければなりません。ルールがページごとに最大 1 回だけ適用されることを意味します

#bar{background:black;}
于 2013-06-24T06:47:29.313 に答える