每个段落的CSS样式首字母跟在H1之后？

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 ::第一个字母{字体大小：200％;}得到的最接近的，但是，由于它选择的每首字母显然行不通段。我一直在使用Google，并试图找出如何选择现在一直遵循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（在这种情况下，只有immediatley遵循<h1>一个<p>）。

Answer 2

试试这个，它可以帮助你

H1〜号码：第一个字母{字体大小：200％;}