Awebsome! Browser Selector

常見問題

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.