מדריך CSS – תתי-אלמנטים

קיימים בדף HTML מספר אלמנטים שאי-אפשר להגדיר בתוך תגית מסוימת, כגון: אות ראשונה בפסקה או שורה ראשונה.
השורה הבאה מגדירה לדפדפן להציג את האות הראשונה בפסקה בגודל כפול, ולהטותה הצידה:

p:first-letter{font-style:italic;font-size:200%;}

אותו דבר אפשרי גם לגבי שורה ראשונה.

p:first-line{font-weight:bold;font-size:120%;}

תת אלמנט של A קיים גם כן:

A:link{color:gold;}
A:hover{color:white;background-color:gold;}
A:active{color:orange;}
A:visited{color:red;}

הגדרות אלה מורות לדפדפן להציג את תוכן תגית <A> בזהב, לשנות את צבעו ללבן עם רקע זהוב בעת מעבר הסמן עליו, לשנות את צבעו לכתום אחרי הלחיצה ואילו לינק שכבר בוקר יצבע באדום.

קיים גם תת-אלמנט :focus אשר מפעיל את הסגנון כאשר האלמנט מקבל פוקוס, בין אם בלחיצת העכבר או בהקשת TAB. ישנם גם תתי-אלמנטים אחרים כגון: :first-child ו- :lang , אולם שלושת אלה אינם פעילים עדיין בדפדפנים.