WEBPIRATEN » row http://webpiraten.de Techblog / Photographie Fri, 18 May 2012 10:03:31 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 :nth-of-type Pseudo-Klasse macht Tabellen-Zeilen Highlighting einfach http://webpiraten.de/index.php/layout-styles/nth-of-type-pseudo-klasse-macht-tabellen-zeilen-highlighting-einfach/ http://webpiraten.de/index.php/layout-styles/nth-of-type-pseudo-klasse-macht-tabellen-zeilen-highlighting-einfach/#comments Wed, 03 Mar 2010 10:51:56 +0000 webpirat http://webpiraten.de/?p=227 Das abwechselnd farbliche Absetzen von Tabellenzeilen in HTML kann auch mittels einer CSS 3 Pseudo Klasse umgesetzt werden.

/* heighlight jeder 2ten zeile beginnend mit der ersten */
tr:nth-of-type(2n+1) { background-color:#f7f7f7; }

/* heighlight jeder 2ten zeile beginnend mit der zweiten */
tr:nth-of-type(2n) { background-color:#f7f7f7; }

Der InternetExplorer weigert sich leider bis dato diese CSS 3 Angaben zu interpretieren.

Mehr Informationen zu CSS 3 Selektoren liefert der W3C

]]> http://webpiraten.de/index.php/layout-styles/nth-of-type-pseudo-klasse-macht-tabellen-zeilen-highlighting-einfach/feed/ 0