CSS selectors explained

Here’s a useful tool for Web designers who can’t make heads or tails of the line noise that passes for selectors in CSS2 and CSS3. SelectORacle will take any set of selectors and explain them in plain English (or Spanish). For example:
ul li:nth-child(2n+3):not(:last-child)
translates to
Selects any li element that is an odd numbered child starting with the third child and that is not a last child that is a descendant of an ul element.
That’s much easier to grok.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*