WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Awebsome! Browser Selector

Empower your CSS selectors! Write specific CSS code for each Platform/Browser/Version the right way.

Where should I write my CSS specific code?

At the end of your theme CSS file will be fine.

How can I apply a patch for specific Platform/Browser/version?

  1. Filtering by Platform: .kindle
  2. Filtering by Browser: .opera
  3. Filtering by Browser and Version: .ie.v7
  4. Filtering by Platform and Browser: .win.ie
  5. Filtering by Platform, Browser and Version: .win.ie.v8
.Platform.Browser.Version #id .class { display:block; }

So, this way you can apply CSS3 patches seamlessly...

/* fallback/image non-cover color & fallback image & W3C Markup */
#element { background-color: #1a82f7; background-image: url('images/fallback-gradient.png'); background-image: linear-gradient(to bottom, #FFFFFF 0%, #00A3EF 100%); }

/* Safari + Chrome + iPhone + iPad */
.safari #element,
.chrome #element,
.iphone #element,
.ipad #element { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7)); background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); }

/* Firefox */
.firefox #element { background-image: -moz-linear-gradient(top, #2F2727, #1a82f7); }

/* Opera */
.opera #element { background-image: -o-linear-gradient(top, #2F2727, #1a82f7); }

/* IE */
.ie #element { background-image: -ms-linear-gradient(top, #2F2727, #1a82f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7', gradientType='0'); }

Something's messing with my classes or they're not showing...

Try clearing your caches.

Requires: 3.0 or higher
Compatible up to: 3.4.2
Last Updated: 2012-11-15
Downloads: 3,003

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

67,3,2
100,1,1
0,1,0 100,1,1 100,1,1 100,1,1