Learn CSS Selectors interactively

A handy little CSS learning tool that allows you to play around with CSS selectors…

Discover the power of CSS3 selectors

An article that explains how to keep your markup slim and target elements in the DOM without resorting to extra presentational markup or JavaScript by using CSS3 selectors…

Useful :nth-child Recipes

I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type read about the difference. The better you understand them, the more css nerdgasms you get to have!In these simple "recipes" really: expressions I’ll arbitrarily use a flat list of list items and randomly chosen numbers. But it should be fairly […]

How To Use CSS3 Pseudo-Classes

We can use pseudo-classes to style content dynamically. CSS pseudo-classes come in four groups: structural pseudo-classes, pseudo-classes for the states of UI elements, a target pseudo-class and a negation pseudo-class. This in-depth article explains how and where to use them effectively…

Why we don’t have a parent selector

With work, I’ve had to do quite a bit of examination of performance. We run a number of tools over an application to determine where the bottlenecks are. One such application is Google Page Speed which provides a number of recommendations to improve JavaScript and rendering performance. Before I get into its recommendations, we need […]

Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

Meet the Pseudo Class Selectors

Pseudo class selectors CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover. They are immensely useful in a variety of situations. Some of them are CSS3, some CSS2, it depends on each particular one. Outside of IE, they have great browser support. In IE land, […]

Understanding CSS Attribute Selectors

CSS has the ability to target HTML elements based on any one of their attributes. You probably already know about classes and IDs. But did you know you can select an element based on the rel attribute as well? That is known as an attribute selector. There is a lot more to attribute selectors so […]

Why You Should Deeply Nest Your CSS Selectors

Most developers, even experienced developers, don’t understand the value of deeply nesting CSS selectors. Although writing the same selectors over and over might seem redundant, it’s worth the extra effort. Your code will be better organized, easier to read, and more maintainable…

Multiple Class / ID and Class Selectors

It’s possible to use combinations of classes and IDs to target elements that have combinations of classes and IDs. This article explains that clearly with some easy to understand examples…

Next Page »