Mit diesen so genannten Pseudo-Elementen lassen sich interessante Effekte zur Formatierung von Absätzen realisieren. Ihre Verwendung erfolgt analog zu den Pseudo-Klassen des A-Tags: :LINK, :VISITED, :HOVER und ACTIVE, also etwa P:FIRST-LETTER oder P:FIRST-LINE. Obwohl diese CSS-Elemente bereits im CSS1-Standard stehen, wurden sie bisher nicht unterstützt. Der IE 5.5 und auch Netscape 6 (PR1) kennen erfreulicherweise beide Pseudo-Elemente. Im Beispiel 30 werden diese CSS-Definitionen verwendet:

      <STYLE TYPE="text/css">
      <!--

      P.textblock:FIRST-LINE
      {
      Color: red;
      Text-Transform: uppercase;
      }

      P.textblock:FIRST-LETTER
      {
      Color: blue;
      Font-Face: Verdana, Arial, Helvetica;
      Font-Size: 2em;
      Font-Weight: bolder;
      Float: left;
      }

      P.textblock
      {
      Text-Align: justify;
      Background-Color: #FFFFCC;
      }

      -->
      </STYLE>
      

Die Klasse textblock wird im Markup zur Formatierung eines Absatzes eingesetzt. Somit wird der in der ersten Zeile des Absatzes befindliche Text in großen Buchstaben und in der Farbe rot angezeigt, während der erste Buchstabe des Absatzes blau und in doppelter Größe – bezogen auf die Standardschriftgröße – dargestellt wird.

      <P CLASS="textblock">Inhalt</P>