March 19, 2013

March 2013 Meeting Report

At the March meeting of the CSS Workshop, we continued working with the structural pseudo-classes introduced in CSS3. We started by using :nth-child combined with tags and descendant selectors so as to target specific items to be styled. We introduced the formula an+b as a way to calculate the pattern of selectors to be styled. The numbers can get a little confusing, but there are websites with examples to follow, such as CSS-Tricks.

We touched on another pseudo-class called :nth-last-child which works in the reverse of :nth-child.

We then started working with :nth-of-type, a pseudo-class that allows more specificity in the selectors to be styled. CSS-Tricks again has a helpful article called The Difference Between :nth-child and :nth-of-type that compares the two very nicely.

We will work with :nth-of-type at the next meeting as it will be the foundation of our next step in styling tables to be responsive.

No comments: