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.

March 2013 Meeting Announcement -- Styling the Right Children

The next meeting of the PACS CSS Workshop will be Saturday, March 16, at our usual 9-10 hour. The main topic this month will be "Styling the Right Children."

Last month we started looking at the :nth-child pseudo-class selector that is new to CSS3. We began with some examples that were not practical but were intended to get an idea of how the selector works. This month, we will get into some more specific examples of usage, with the aim of learning how to use this selector and others like it to style responsive tables. In the process, we will answer one or two questions that came up at our last meeting.