Things It Might Be Fun/Useful to Try the Universal (*) Selector On

Paul Irish recently wrote a post on using the universal selector to set border-box box-sizing on everything: * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } I’ve been wanting to try that for a while and I’m happy to say I’ve used it on a few projects already and it’s awesome. It also got my thinking what other properties might be similarly useful in applying to all elements on the page. Transitions * { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } If you’re on a desktop browser, try it out right now.

If you enjoyed this post, make sure you subscribe to my RSS feed!

Related posts:

  1. Better Box Sizing
  2. Ordering CSS3 Properties
  3. TL;DR on Vendor Prefix Drama
  4. Styling Texty Inputs Only
  5. Vendor Prefix Equivalents

Article Details



Category: CSS

Tags: , ,

Leave a Reply