html - lml-list-item `padding-left` 不起作用？

Question

在我的元素中，我的元素的 padding-left 是由之前的 stylesheet 设置的

我们可以看到 padding-left 15px:

如果我取消选中 padding-left:

取消选中 padding-left 是我的要求，所以我写了一个 css:

.lml-list-item  {
    background-color:#111111;
    padding-left:0px;  // I set padding-left:0px;

}

然后我在firefox中查看html，发现我的css没有使用:

为什么我的 css 不起作用？而且无论我在课前还是课后设置lml-list-item ，它总是不起作用。

<a href="#" class="lml-list-item item-link item-content ">
    <li class="item-content lml-item-content">
        <div class="item-media black"><i class="icon icon-f7"></i></div>
        <div class="item-inner">
             <div class="item-title">info</div>
         </div>
    </li>
 </a>

Answer 1

似乎你的 15px padding 影响比 .lml-list-item 更深尝试:

.list-block>ul>.item-content.lml-list-item {
   padding-left: 0;
}

或者作为最后一个选择 !important 覆盖:

.lml-list-item {
   padding-left: 0 !important;
}