【问题标题】:Make numbered headings in wordpress posts在 wordpress 帖子中制作编号标题
【发布时间】:2018-07-06 07:07:55
【问题描述】:

将“编号列表”项设为“标题2”时,h2属性仅应用于文本,文本前的数字仍具有下图段落标记的属性,

wordpress有没有什么办法可以让数字变粗,并且具有heading标签的属性?

【问题讨论】:

    标签: html wordpress html-heading


    【解决方案1】:

    您可以使用 CSS 自定义数字样式作为示例

    ol {
      margin: 0 0 1.5em;
      padding: 0;
      counter-reset: item;
    }
    
    ol > li {
      margin: 0;
      padding: 0 0 0 2em;
      text-indent: -2em;
      list-style-type: none;
      counter-increment: item;
      clear: borth;
      width: 100%;
      float: left;
    }
    ol > li h1, ol > li h2, ol > li h3 {
      display: inline
    }
    
    ol > li:before {
      display: inline-block;
      width: 1em;
      padding-right: 0.5em;
      font-weight: bold;
      text-align: right;
      content: counter(item) ".";
    }
    <ol>
       <li><h1>The H1</h1></li>
       <li><h2>The H2</h2></li>
       <li><h3>The H3</h3></li>
    </ol>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-12-04
      • 1970-01-01
      • 1970-01-01
      • 2023-03-23
      • 1970-01-01
      相关资源
      最近更新 更多