在li标签中填充

Question

我是开发人员，我不认识CSS。在这里，我遇到了一个简单的问题。我正在使用Sitefinity CMS进行开发。我使用ul和li的页面之一。设计师为CSS提供的li如下所示

.listing li {
list-style: circle url(/images/default-source/main_library/bullet.gif?Status=Temp&sfvrsn=2);
margin-bottom: 7px;
}

我刚刚将他的HTML复制到我的页面中，但我发现li子弹与设计师的位置不同。我使用了Developers Tools并进行了检查。我的CMS将自己的样式添加到li，如下所示

body, nav, ul, li, a {
margin: 0;
padding: 0;
}

当我禁用padding: 0;时，它似乎处于所需位置。但是如何从开发环境中禁用padding: 0;。是指可以删除CSS效果的任何padding: 0;吗？

Answer 1

您需要将padding-left: 20px;应用于ul。

将此添加到您的css：
.listing { padding-left: 20px; }。

编辑：看起来您已经为.listing定义了样式，所以只需将其附加到.listing块，我相信common.css中的第730行

Answer 2

选择器越准确，它的优先级就越高。

ul li { padding:5px; }

#my-Div div.another-div ul li { padding:0px; }

在此示例中，更具体的li元素将使用0px填充而不是5px。如果需要最终覆盖元素上的现有样式，也可以在属性后添加！important。

ul li { padding:0 !important; }