Topic: CSS Override Stylesheets (Page 1 of 1)

Howdy,
Do styelesheets support overriding previous defined elements? So if I have a base stylesheet, then I copy from the base stylesheet (for example) a class called "mytable" and create new stylesheet and add here. So we have: stylesheet_base and stylesheet_override
Now, in my HTML source I have to Links to external style sheets like this:

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

Wouldn't the properties assigned for "mytable" in the override stylesheet take effect in place of the base stylesheet?
I'm using IE 6+ and am not sure if I am doing something wrong or if IE does not support this sort of thing.

Karl

Yea, if it's the same (or equivalent) selector in both files, the selector in the stylesheet_override should will indeed override the selector in stylesheet_base. However, it also has to do with the specificity. For example, if the selector in stylesheet_base looks like

table#mytable

and the selector in stylesheet_override looks like

#mytable

the second selector will not override the first one since the first one has a higher specificity (see http://www.w3.org/TR/REC-CSS2/cascade.html#specificity )
I don't know if IE6 has problems with this, post the URL if the problem still remains.