wordpress 如何自动使H2成为博客中的有序列表(OL LI)[已关闭]

r1zk6ea1  于 11个月前  发布在  WordPress
关注(0)|答案(1)|浏览(97)

**已关闭。**此问题需要debugging details。目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答问题。
4天前关闭。
Improve this question
我想使标题(H2)在博客列表项。标题是由段落分隔。我使用WordPress的,在我的博客编辑器,没有能力使H2是一个列表。所以我想一个CSS代码添加到我的主题。我需要的代码结果可以像一个在图像中显示的东西(给出链接)在这里,它不是H2行,而是转换为列表。Here is the link to the image
我只有ol和ul项目的代码,如下所示:

/*I tried this:*/

h2:before {
  content: counter(mylist) ". ";
  font-weight: bold;
  color: blue;
}
h2:before {
  counter-increment: list-number;
  content: counter(list-number);
  
  margin-right: 10px;
  margin-bottom:10px;
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:16px;
  background-color:#d7385e;
  border-radius:50%;
  color:#fff;
}

字符串
输出结果如下:enter image description here

a8jjtwal

a8jjtwal1#

你的选择器需要一些调整,像这样;

h2 {
  counter-increment: list-number;
  display: flex;
  align-items: center;
}

h2:before {
  content: counter(list-number);
  margin-right: 1em;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #d7385e;
  border-radius: 50%;
  color: #fff;
}

个字符

相关问题