如何向 <ul> 标签添加新的 CSS 类？答案

【问题标题】：How can I add a new CSS class to <ul> tag?如何向 <ul> 标签添加新的 CSS 类？
【发布时间】：2014-03-13 21:32:45
【问题描述】：

我想在 wordpress 中的页面/帖子创建页面中为默认的 <ul> 小部件分配一个新的 CSS 类。我怎样才能做到这一点？

见下图。

【问题讨论】：

根据您的主题，如果您的主题在functions.php 中注册侧边栏，我会查看sidebar.php 或functions.php 即......
只需将 css 规则应用于您的 themeroot/style.css 文件。有什么问题？
问题是以前的开发人员已将
等等，我不确定我是否理解你的问题。您是否尝试在 WordPress 管理区域的可视化编辑器中对按钮进行样式化？或者你想在侧边栏小部件中对 ul 进行风格化？在我看来，这里的一些术语是混合的/不清楚的，但也许我遗漏了一些东西。顺便说一句，您是否尝试过在 CSS 中创建后代选择器样式（例如 reference.sitepoint.com/css/descendantselector）
@evanv：我上传了一张图片。你的第一个建议是对的。我正在尝试在 WordPress 管理区域的可视化编辑器中设计一个按钮

【解决方案1】：

您所要做的就是为<ul> 创建并上传一个新的样式规则，并在themes/themename/style.css 中为其分配类名。

示例

ul.new-style {
    /* styles */
}

然后使用编辑器上的“文本”视图添加一个 HTML 列表。

示例

<ul class="new-style">
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

如果您想快速修复，也可以对样式进行硬编码：<ul style="list-style-type: disc;">

【讨论】：

问题是客户不熟悉 html，他只使用 Visual 选项卡来创建帖子/页面。我想通过编程设置那个 CSS 类。每当用户单击该图标时，新的 CSS 类应自动分配给该列表。
我不认为这可以做到，但您可以为内容创建一个包装器，以便包装器中的所有<ul> 元素都具有您想要的样式。例如.wrapper ul { }，因此包装器外的<ul>s 不会受到影响，并且无需在每个<ul> 上添加新类即可应用样式。