Unhandled Perception
From the mind of a developer.

Monday, December 17, 2007

Selectoracle tells you what that a CSS selector means

Ever wondered what a particularly complex CSS selector really means? Here's your chance to find out! Simply enter one or more semi-colon separated selectors or rulesets into the following "Direct Input" area, or provide the URL of a stylesheet in the "URL Input" area. Best of all, the SelectORacle will flag potential errors and other problems, and it won't choke on any actual rules. You've always wanted to know what makes those line-noise posers tick-- now you can.

For instance if you have:
  • body > ol > li p;

SelectORacle tells you it means:
  • Selects any p element that is a descendant of a li element that is a child of an ol element that is a child of a body element.
Pretty handy tool to better comprehend someone else's CSS.

Link:
http://gallery.theopalgroup.com/selectoracle/

Labels:

0 Comments:

Post a Comment

Links to this post:

Create a Link

<< Home