DOM hierarchy pseudo-classes allow you to style specific elements based on where they fall in the hierarchy and what type of elements they are. You can also use :nth-child to target custom element patterns, like every other element.
GistRun
- target=_blank
- target=someFrame
- rel=link-blog
- rel=linkproducts
- rel=link about
- rel=link-about title=special
- rel=link-other title=special
- rel=this item available now
- rel=product-200-available-now
- rel=linkproductavailable300
- rel=sale-product-400
- rel=sale
- rel=product-500-discontinued
- rel=product600discontinued
- rel=discontinued