如何更改 Wordpress 中每个帖子的首字母？答案

【问题标题】：How to change first letter of every posts in Wordpress?如何更改 Wordpress 中每个帖子的首字母？
【发布时间】：2019-05-28 21:19:11
【问题描述】：

我正在尝试自定义第一段的每篇文章都以仅第一个字母开头，粗体和更大的字体。但它没有出现在第一段的第一个字母上。相反，它出现在每一段而不是第一段。

这是一个 Wordpress 模板。过去我曾尝试使用属性first-child。但是，它似乎不起作用。

p::first-letter {
  font-size:300%;
  color:#00aff2;
  font-style:bold;
  border: 2px solid #00aff2;
  margin:0 5px 3px 0;
  padding: 3px;
}

<p>This is a sample</p>
<p>This is a sample</p>

我想在 Wordpress 中自定义单个帖子的每个第一段的首字母。

【问题讨论】：

你试过像wordpress.org/plugins/initial-letter这样的WordPress插件吗？这要容易得多。

标签： wordpress css

【解决方案1】：

您可以使用:first-child 将::first-letter 仅应用于第一段。

p:first-child::first-letter {
    font-size:300%;
    color:#00aff2;
    font-style:bold;
    border: 2px solid #00aff2;
    margin:0 5px 3px 0;
    padding: 3px;
}

<p>This is a sample</p>
<p>This is a sample</p>

【讨论】：

【解决方案2】：

试试这个

p:first-of-type::first-letter {
    font-size:300%;
    color:#00aff2;
    font-weight: bold;
    border: 2px solid #00aff2;
    margin:0 5px 3px 0;
    padding: 3px;
}

<p>This is a sample</p>
<p>This is a sample</p>
<p>This is a sample</p>
<p>This is a sample</p>

【讨论】：