仅在文本中更改UL LI项目符号 - Wordpress - CSS

Question

我想在帖子和页面上改变文本中的项目符号的样式，所以我用以下的CSS样式完成了这个：

/* Remove the old bullet points */
ul li { 
  list-style: none;
}
/* Now replace with the new one */
ul li::before {
  color: red;  
  content: "\2022"; 
  font-size: 1.4em; 
  padding-right: 0.5em; 
  position: relative;
  top: 0em; 
}

这有效，但现在它变得非常疯狂，并在页面上的每个ul li标签前添加了项目符号。

我知道我可以从这里排除id和类，如ul:not(.class) li:not(.class)::before

但是我的列表排除现在正在增长，无论如何我很可能会错过某个地方。

这样做有不同的方法吗？

我知道我可以手动将类添加到我需要新子弹的ul li标签中，但我试图避免手动执行此操作。

我基本上想要更改默认项目符号样式，但仅限于帖子和页面上内容中的项目符号。

还有另一种方法吗？

Answer 1

从听起来你可以做一个包含您希望进行此更改的站点区域的类。 例如：

.post ul li { 
  list-style: none;
}

.post ul li::before {
  color: red;  
  content: "\2022"; 
  font-size: 1.4em; 
  padding-right: 0.5em; 
  position: relative;
  top: 0em; 
}

您可以通过以下方式将不同的类链接在一起：

.post ul li,
.page ul li { 
  list-style: none;
}

.post ul li::before,
.page ul li::before {
  color: red;  
  content: "\2022"; 
  font-size: 1.4em; 
  padding-right: 0.5em; 
  position: relative;
  top: 0em; 
}

或者，也许创建一个专门针对要更改的列表的规则。

Answer 2

在此处输入图像描述 WordPress支持在帖子和页面中创建有序（编号）和无序（项目符号点）列表。 标准的帖子/页面编辑器有助于轻松创建列表 - 只需键入列表的内容（每行一个条目），然后突出显示条目并单击相应的按钮以格式化列表。