如何在Weebly的无序列表中添加一个类？

Question

Weebly帮助中心无法帮助我解决这个问题，他们推荐论坛，google和w3schools。我不想通过添加一个类来为我的<ul></ul>设置样式。我该怎么做？

Answer 1

所以，Weebly的support documentation说你的后端会有一个标签来管理你的CSS和HTML。

选项一

1 - 转到HTML标签页并向ul添加课程。

<ul class="myClass"></ul>

2 - 转到CSS选项卡，主css文件底部的以新的类样式写入

.myClass { /* whatever */}

通过将类放在CSS的底部，这些类样式将覆盖当前样式（如果它们不同）。您可能需要取消某些内容，例如margin或padding。例如：

ul { margin: 100px; }

.myClass { margin: 0; }

.myClass的边距为0，因为ul已定义的样式已被覆盖。

---

选项二

将您的可修改内容包含在具有类或ID的div中，并在该div中定位ul。 div本身可以保持原样。

实施例

HTML

<div id="editableContent">

    <ul>
        <li>List Item</li>
    </ul>

</div>

CSS

#editableContent ul {
    color: #F00;
}

div#editableContent中的每个列表项都有红色文字。编辑器不需要任何HTML知识，并且样式将保持一致。

Answer 2

我解决了它，我覆盖标准主题设计而不是创建自己的主题。 这些是我修改的CSS部分：#main-wrap .paragraph ul和#main-wrap .paragraph ol

#main-wrap .paragraph ul {
    padding-left:5px !important;
}

#main-wrap .paragraph ul li {
    list-style: none !important;
background: url(red-arrow.png) no-repeat 0px 0px;
    color: #000000;
    padding-left:30px !important;
}

#main-wrap .paragraph ol li {
    list-style: none !important;
    background: url(red-bullet.png) no-repeat 0px 6px;
    color: #000000;
    padding-left:20px !important;
}