我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:
div.myDiv {
width: 400px !important;
}
Run Code Online (Sandbox Code Playgroud)
为了使其按预期显示.这是不好的做法吗?或者!important命令可以使用吗?这会导致任何不希望的事情进一步下线吗?
我今天遇到问题后,对CSS类的优先级有疑问.情况如下:
我有一个无序列表,其中有一个与之关联的类.该LI标签具有定义得太一些风格.我想LI在点击后更改s 的样式(通过添加的"selected"类),但是从不应用添加的类的样式.这是正常的行为还是这个代码应该有效?
CSS:
.dynamicList
{
list-style: none;
}
.dynamicList li
{
display: block;
width: 400px;
height: 55px;
padding: 10px 10px 10px 10px;
border: 1px solid #000;
background-color: #ff0000;
}
.selectedItem
{
background-color: #0000ff;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<ul class="dynamicList">
<li>First Item</li>
<li class="selectedItem">Second (Selected) Item</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
"selected"列表项的背景颜色不会更改.如果我不将样式应用于LI元素,但是创建另一个类并将其应用于所有列表项以使其读取,则也是如此.
<li class="listitem selectedItem">xxxx</li>
Run Code Online (Sandbox Code Playgroud)