问题与CSS优先级和！重要的

Chrome从.link_block ul li中获取CSS填充，尽管之后会出现li.page_图标，并且我已经添加了一个！重要宣言

我知道有很多不同的方法可以应用我想要的填充，但是如果有人能帮助解释为什么link_block类CSS在这里是先例，尽管page_icon类看起来更具体，并且具有更好的效果！重要宣言

HTML:

应该是这样的：

padding: 0px 0px 0px 50px !important;

---

首先!！重要信息应在分号之前，如下所示：

padding: 0px 0px 0px 50px !important;

其次，你真的不应该在CSS中使用重要的。您可以通过赋予较低的规则与另一个规则同等的特殊性来解决问题，因此较低的规则将被应用

ul li.page_icon {
    display:block;
    width: 100%;
    min-height: 60px;
    background-image:url(../../images/page_icon.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding: 0px 0px 0px 50px; !important
    margin: 0px 0px 0px 0px;
}

---

非常感谢——我觉得我做错了一件很简单的事。就特定性而言，我仍然认为page_icon类将获得优先权？在使用之前，您应该指定一个更具体的CSS选择器！重要的，谢谢！这正是我想知道的。因此，只要在班级前面加上ul，就可以让它变得同样具体。工作起来很有魅力，不需要重要的声明。

padding: 0px 0px 0px 50px !important;

ul li.page_icon {
    display:block;
    width: 100%;
    min-height: 60px;
    background-image:url(../../images/page_icon.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding: 0px 0px 0px 50px; !important
    margin: 0px 0px 0px 0px;
}