Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS stylesheet for Opera, Safari and Chrome only

CSS stylesheet for Opera, Safari and Chrome only

Problem

I'm using such code which works great on IE and Firefox:

 .tytulmalykom {
    color:#666666;
    font-size:11px;
    font-variant:small-caps;
}

I would like to use this code for Opera, Safari and Chrome only:

 .tytulmalykom {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
}

All my stylesheets are inside stylesheet.css file.

So far I'm using so many link rel's:

Problem courtesy of: Spacedust

Solution

Here what I did to solve this problem:

I've added on each page:

then

in stylesheet.css:

.tytulmalykom {
    color:#666666;
    font-size:11px;
    text-transform:uppercase;
}

and ie7.css:

.tytulmalykom {
    font-variant:small-caps;
}

nothing else needed in firefox.css

Solution courtesy of: Spacedust

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS stylesheet for Opera, Safari and Chrome only

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×