html - 在 li 标签中填充

Question

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

.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; 。是指任何可以移除 padding: 0; 效果的 CSS 吗？

Answer 1

您需要申请padding-left: 20px;到 ul .

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

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