CSS Tip for highlight all first letters

Ever wanted to highlight all the first letters of your paragraphs? Instead of getting angry on your employees and spending time on editing your mark up, here is a simple solution using a special CSS selector called: Pseudo selector. (There are many of them).

So, lets see a simple sample: Say you have some div's in your aspx,ascx, html file and you want all the first letters to be highlighted.

<div>
  This is some paragraph containing some text.....<br />
  this is some paragraph containing some text.....<br />
  this is some paragraph containing some text.....<br />
  this is some paragraph containing some text.....<br />        
</div>

In order to make the first letter highlighted, I will use a type element selector in this case (That matches all the elements with the selector type), You can choose to use any other selector as well.

<style>
   div:first-letter
   {   
      font-size: 200%;
      font-weight: bold;
   }
</style>

And here is the output:

Enjoy