Jump to content


Photo
- - - - -

How do I use multiple classes with browser specific classes?

browser specific css

Best Answer Rob , 29 May 2013 - 02:44 PM

Hello Bree,

 

Yes, unfortunately, to apply custom CSS for specific browsers, you have to replicate and edit the code for each browser, but I think it's possible (when the instruction is the same) to do things like:

.ipad .iphone .android #page....{the same instruction}

 

It's only when you change the instructions that you need to have a new line.

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 mbreese1

mbreese1

    Advanced Member

  • Members
  • 39 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 28 May 2013 - 10:51 PM

Hi!

I have:

Please Login or Register to see this Hidden Content

Which works great and fine and good, but I need to apply multiple classes (.ipod, etc). My small, unexercised css brain is getting boggled my multiple classes and selectors. Do I need to do the above for each browser class or is there a shorthand way to do this that is good and clean and easy?

 

Please help :)

 

Bree



#2 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 29 May 2013 - 01:12 PM

Hello Bree 

 

Have a look at the free plugin Browser Specific CSS to help speed up this process

Please Login or Register to see this Hidden Content



#3 mbreese1

mbreese1

    Advanced Member

  • Members
  • 39 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 29 May 2013 - 02:08 PM

I'm using that plugin and went through the documentation already. What I want to know is if I need to do:

Please Login or Register to see this Hidden Content

for EACH browser I want to target or if there is a shorthand way to write this.

 

Thank you,

Bree



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 May 2013 - 02:44 PM   Best Answer

Hello Bree,

 

Yes, unfortunately, to apply custom CSS for specific browsers, you have to replicate and edit the code for each browser, but I think it's possible (when the instruction is the same) to do things like:

.ipad .iphone .android #page....{the same instruction}

 

It's only when you change the instructions that you need to have a new line.



#5 mbreese1

mbreese1

    Advanced Member

  • Members
  • 39 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 29 May 2013 - 02:44 PM

Awesome- thanks!



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 May 2013 - 05:37 PM

You're very welcome.







Also tagged with one or more of these keywords: browser specific css