article {
  padding: 20px;
}
p {
  color: #444;
}
p:first-line {
  color: deepskyblue;
}
.p2 {
  color: #444;
}
.p2:first-line {
  color: tomato;
}
#p3 {
  color: #444;
}
#p3:first-line {
  color: firebrick;
}
#p4 {
  color: #444 !important;
}
#p4:first-line {
  color: hotpink;
}

<article>
<h2>::first-line vs. tag selector</h2>
  <p>This paragraph color is set to <code>#444</code> with <code>p { color: #444; }</code>. 
  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
  Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero 
  sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>  

<h2>::first-line vs class selector</h2>
<p class="p2">This paragraph color is set to <code>#444</code> 
with <code>.p2 { color: #444; }</code>. Pellentesque habitant morbi tristique senectus et netus et 
malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, 
ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend 
leo.</p>  

<h2>::first-line vs ID selector</h2>
<p id="p3">This paragraph color is set to <code>#444</code> 
with <code>#p3 { color: #444; }</code>. Pellentesque habitant morbi tristique senectus et netus 
et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit 
amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat 
eleifend leo.</p>  

<h2>::first-line vs !important</h2>
<p id="p4">This paragraph color is set to <code>#444</code> 
with <code>#p4 { color: #444 !important; }</code>. Pellentesque habitant morbi tristique senectus et 
netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor 
sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat 
eleifend leo.</p>  
</article>

::first-line vs. tag selector

This paragraph color is set to #444 with p { color: #444; }. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

::first-line vs class selector

This paragraph color is set to #444 with .p2 { color: #444; }. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

::first-line vs ID selector

This paragraph color is set to #444 with #p3 { color: #444; }. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

::first-line vs !important

This paragraph color is set to #444 with #p4 { color: #444 !important; }. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.