Folks, when styling table columns with css it gets really messy when you
have to apply a class to each cell like this:
table
trtd class=cls1A/tdtd class=cls2B/tdtd
class=cls3C/td/tr
:
/table
Is there some css syntax where you can make rules like the following
thereby avoiding the need to
style
tr:nth-child(1){background:#ff;}
tr:nth-child(2){background:#ff;}
/style
http://www.w3schools.com/cssref/sel_nth-child.asp
Date: Sun, 14 Jul 2013 08:53:14 +1000
Subject: [OT] css and table columns
From: g...@mira.net
To: ozdotnet@ozdotnet.com
Folks, when styling table columns with
I think I've found the answer. I found this nice summary of CSS
Selectorshttp://www.w3schools.com/cssref/css_selectors.asp and
near the end is :nth-child(n). I ran a few experiments and found this will
turn the 2nd column of all tables yellow:
td:nth-child(2) { background: yellow; }
The problem
Hi Greg,
A while back, I started going through what you seem to be going through in
relation to CSS. Watching the sessions on CSS at Pluralsight was really
worthwhile. It was a really good investment of my time.
I particularly liked the sessions by K.Scott Allen. (There's a reason he's