Design is in the Details: Using CSS Selection Pseudo-Classes to Declare Your Team Spirit

I’m hesitant to admit it, but I’m not a huge football fan. My boyfriend, however, loves “his” team — the USC Trojans. And if there’s one thing I’ve learned over the years, it’s that football fans will use any excuse to dress up or decorate with their team colors. Actually, real fans don’t even need a reason to show team spirit.

So, in honor of football fans everywhere and to kick off the fall football season in America, I thought it would be fun to show how to use one of the new tools in CSS3 to decorate a web page with your team colors. Let’s play with the selection declaration.

There are many neat design tricks in CSS3. The selection declaration — ::selection — is a quick way to add some polish onto a design and give a website the “wow” factor that really makes clients happy. Using a .selection class can override the operating system’s default highlight color with any color you specify.

As with so many of the best html and css goodies, browser support varies. Safari and Firefox both recognize the selection declaration, but you’ll need to implement the code a bit differently for each browser. Here’s how to use CSS3′s new selection declaration to add a dash of unexpected color to your web design.(...)
Read the rest of Design is in the Details: Using CSS Selection Pseudo-Classes to Declare Your Team Spirit

---

© Tutorial Blog, 2010. |
Buy iPhone Accessories | iPad App Reviews

Design is in the Details: Using CSS Selection Pseudo-Classes to Declare Your Team Spirit is a post from: Tutorial Blog