YUI: CSS Grid Builder

Pattern Matching

Attribute selectors use a simplified form of regular expressions.

  • [foo] — Has an attribute named “foo”
  • [foo="bar"] — Has an attribute named “foo” with a value of “bar” (”bar”)
  • [foo~="bar"] — Value has the word “bar” in it somewhere (”blue bar stools”)
  • [foo^="bar"] — Value begins with “bar” (”barstool”)
  • [foo$="bar"] — Value ends with “bar” (”I was at the bar”)
  • [foo*="bar"] — Value has bar somewhere (”I was looking for barstools”)

Attach icons to anything with CSS