Can I put style sheet in the root folder that targets a specific html page

[badger]

(Newbee)
Can a CSS stylesheet do this ?
I have a site with all the files , images, html, and .js files in the root folder. I have my reasons for doing it this way.

Can I put style sheet IE ( <style type="text/css"> ) in the root folder that targets a specific html page, say "page1.html" ?
Or must I create a seperate folder in the root dir to hold external CSS stylesheets that apply to various pages IE: page1.html, page2.html,page3.html ect. ?
<link rel="stylesheet" type="text/css" href="css/global.css" />
How would I write the link to target the specified webpage ?
TIA
Badger

[darrenosborne]

i don't quite get what you mean.

you can have as many css files on your website as you want and only the ones you link on the page will be used.

One recommendation i would personally make is as follows:

example: you have three pages, one is red, one is blue and one is orange.

Have one css file for your general layout and add that to every page.

then have three more css files, red.css, blue.css and orange.css which add the colour and attach them to the page directly after your main css file.

Also if you have any changes to your layout for the specific pages, you can add them there as well.

Hope this helps, if i've got your question wrong, please enlighten me and I'll get back to ya.

[badger]

Thanks Darren I see what you mean. I just need to be sure of the css path for the page. say blue.css

If blue .css is in my root Dir, I'm not sure of the code link on the blue.html page to call the css file.

Hope you understand what I mean.

[darrenosborne]

a lot of it depends on your hosting. If your css is in the same folder at the pages, you should be able to just put the filename.

Code: Select all

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

that should work.

if you want is relative to your root directory (like public_html or wwwroot), try

Code: Select all

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

or if you have it in a folder out of the way,

Code: Select all

<link rel="stylesheet" type="text/css" href="/style/orange.css" />

any help?