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标签的前面添加了项目符号。

我知道我可以像ul:not(.class) li:not(.class)::before

这样排除id和类

但是我的排行榜现在正在增长，无论如何我很可能会错过任何地方。

那么还有其他方法吗？

我知道我可以在需要新项目符号的地方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

enter image description here WordPress支持在帖子和页面中创建有序（编号）和无序（项目符号）列表。标准的帖子/页面编辑器可方便地创建列表-只需键入列表的内容（每行一个条目），然后高亮显示条目并单击适当的按钮以将其格式化为列表。

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

2 个答案: