如何更改Wordpress中每个帖子的首字母?

时间:2019-01-02 07:32:04

标签: css wordpress css3

我正在尝试自定义第一段的每个帖子,仅以第一字母,粗体和较大字体开头。但是它没有出现在第一段的第一封信中。相反,它出现在每个段落而不是第一段。

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

2 个答案:

答案 0 :(得分:7)

您只能使用: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>

答案 1 :(得分:5)

尝试一下

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>