Using more than one css file in a single website

Question

I am working now on a website and of course I am using one general CSS template for the whole website. Now, I am adopting one ready-design (sign up) from the internet, but the problem with it has its own CSS template, so when I tried to add it to my website with its own assets including images and CSS, it messed the general the appearance of my website. I tried to modify or include the secondary CSS inside the website's CSS file but I failed.

So what is the proper solution to this problem? How can I fix it?

Thanks, matrix388

Sam Starling · Accepted Answer · 2011-03-20 12:21:48Z

2

If the foreign CSS is placed before yours in the page, then yours will take precedence in the case of duplicate tags.

edited Mar 20, 2011 at 12:21

Sam Starling

5,3743 gold badges37 silver badges53 bronze badges

answered Mar 19, 2011 at 18:27

Pete Wilson

8,7246 gold badges42 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jbrookover · Accepted Answer · 2011-03-19 18:18:53Z

0

If you have two conflicting definitions, you can force one to override the other with the !important keyword. For example

my.css

body {
    font-family: Arial !important;
}

their.css

body {
    font-family: Times;
}

Your Arial will override their Times. To identify which styles are being overridden, you can use the Firebug Plugin for firefox. For any given element, it will show not only the current style, but also the files and definitions that were overridden (or did the overriding).

answered Mar 19, 2011 at 18:18

jbrookover

5,1501 gold badge25 silver badges23 bronze badges

Collectives™ on Stack Overflow

Using more than one css file in a single website

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related