这是我的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;
}
答案 0 :(得分:5)
您的元素没有ID ObjectListTitle
,它有类 ObjectListTitle
。您正在使用ID选择器(#
)并且应该使用类选择器(.
)
.ObjectListTitle{
background-color:yellow;
}
答案 1 :(得分:0)
试试这个: 你在id中创建css并将html源代码应用于类,
<div class="ObjectList" id="ObjectList">
<p class="ObjectListTitle" id="Element">TEST</p>
</div>
答案 2 :(得分:0)
在css中你需要知道如何设置不同的东西组。
标记<div></div>
样式标记意味着您将使用该标记设置所有元素的样式,在本例中为所有div。
div{background:black;}
班级<div class="foo" id="bar"></div>
样式化类意味着css规则应用于具有该类的所有标记。这意味着规则适用于页面的次数与使用类
.foo{background:black;}
ID <div class="foo" id="bar"></div>
样式化id就像一个类,但id必须在页面上是唯一的。这意味着该规则每页最多只应用一次
#bar{background:black;}
答案 3 :(得分: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;
}