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">个人信息</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;
}

Answer 2

正如您从已包含的图片中看到的那样，padding-left: 15px设置在.list-block .item-content上，因此为.lml-list-item分配规则当然不起作用。

只要在现有样式表之后包含.list-block .item-content.lml-list-item，就可以使用.list-block .lml-list-item，也可能<style>。此外，如果您只想覆盖一些规则，您只需在实际文件中添加<head> - 块到{{1}}（而不是添加另一个样式表），因为内联/声明的样式将覆盖样式表-styels。

为什么我的样式表不起作用？

2 个答案: