我正在尝试自定义第一段的每个帖子,仅以第一字母,粗体和较大字体开头。但是它没有出现在第一段的第一封信中。相反,它出现在每个段落而不是第一段。
这是针对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中单个帖子的每个第一段的首字母。
答案 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>