combining css menu's

[gallopers]

hi there this might be a silly question but im learning as i go.
i looked at a dropdown menu which contains a html page a java script .js page and a .css page.
if i wanted to have an index page using the dropdown menu i would have my .index .js and . css file.
now my site already has a .css file so can i just combine the two .css files and save them as one as the one attached to the dropdown menu is only associated with the dropdown menu.
ive done this and it seems to be working ok.
i am only having the dropdown on the index page.

hope ive put that right :-/

[hooray]

you would be better off making 2 links to external css files on the index page:

<link href="mainstyle.css" rel="stylesheet" type="text/css" />
<link href="substyle.css" rel="stylesheet" type="text/css" />

And only have a link to the mainstyle on the other pages. This way your site will load quicker, as it wont have to load so much information on the other pages

[JonathanD]

it's almost always better to have one CSS file rather than having 2, whenever possible.

see reference: http://developer.yahoo.com/performance/rules.html#external

it will also help to minimize server load by having 1 CSS file, fewer calls to files.

[gallopers]

thanks guys for your posts.
thanks for that link jono, interesting reading.
i struggle a bit, thats what happens when you start trying to learn computers at 40 after leaving school at 15.
thanks again, cheers rob ( australia )