相关疑难解决方法(0)

在CSS中使用"!important"有什么含义?

我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:

div.myDiv { 
    width: 400px !important;
}
Run Code Online (Sandbox Code Playgroud)

为了使其按预期显示.这是不好的做法吗?或者!important命令可以使用吗?这会导致任何不希望的事情进一步下线吗?

html css css-specificity

193
推荐指数
6
解决办法
8万
查看次数

CSS类优先级

我今天遇到问题后,对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)

css class list css-specificity

25
推荐指数
3
解决办法
3万
查看次数

标签 统计

css ×2

css-specificity ×2

class ×1

html ×1

list ×1