如何更改Wordpress中每个帖子的第一个字母？

Question

我试图用第一个字母,粗体和更大的字体自定义第一段开头的每个帖子.但它没有出现在第一段的第一个字母上.相反,它出现在每个段落而不是第一段.

这是一个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中单个帖子的每个第一段的第一个字母.

Answer 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>

Answer 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>