html - H1 之后每一段的 CSS 样式首字母？

Question

我需要将 H1(标题)之后每个段落的每个首字母的字体大小增加到 200%。

即

<h1> This is a header </h1>
<p>The first 'T' in this paragraph needs to be set to 200%</p>

<ul>
   <li>Random list item 1</li>
   <li>Random list item 2</li>
</ul>

<p>The first 'T' in this paragraph does NOT need to be set to 200% as it doesn't follow an H1</p>

我得到的最接近的是使用 p::first-letter {font-size: 200%;} 但这显然不起作用，因为它选择了每个段落的第一个字母。我一直在谷歌搜索并试图弄清楚如何选择永远跟随 H1 的那些。感谢您的帮助。

Answer 1

您可以使用 h1 + p::first-letter :

h1 + p::first-letter {font-size: 200%;} 

<h1> This is a header </h1>
<p>The first 'T' in this paragraph needs to be set to 200%</p>

<ul>
   <li>Random list item 1</li>
   <li>Random list item 2</li>
</ul>

<p>The first 'T' in this paragraph does NOT need to be set to 200% as it doesn't follow an H1</p>

+仅选择 adjacent sibling (在这种情况下，只有一个 <p> 紧跟在一个 <h1> 之后)。