Got more for you! Here it is:

First, how things are prioritized:
------------------------------
Multiple Styles Will Cascade Into One

Style Sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, inside the <head> element of an HTML page, or in an external CSS file. Even multiple external Style Sheets can be referenced inside a single HTML document.

Cascading Order
What style will be used when there is more than one style specified for an HTML element?

Generally speaking we can say that all the styles will "cascade" into a new "virtual" Style Sheet by the following rules, where number four has the highest priority:

Browser default
External Style Sheet
Internal Style Sheet (inside the <head> tag)
Inline Style (inside HTML element)

So, an inline style (inside an HTML element) has the highest priority, which means that it will override every style declared inside the <head> tag, in an external style sheet, and in a browser (a default value).
----------------------------------

Now, how multiple external sheets will work (it's pretty interesting, actually):
----------------------------------
Multiple Style Sheets

If some properties have been set for the same selector in different style sheets, the values will be inherited from the more specific style sheet.

For example, an external style sheet has these properties for the h3 selector:

h3
{
color: red;
text-align: left;
font-size: 8pt
}

And an internal style sheet has these properties for the h3 selector:

h3
{
text-align: right;
font-size: 20pt
}

If the page with the internal style sheet also links to the external style sheet the properties for h3 will be:

color: red;
text-align: right;
font-size: 20pt

The color is inherited from the external style sheet and the text-alignment and the font-size is replaced by the internal style sheet.

*edit*
Hmmm...just read that over and the example they gave for that second one doesn't really match what they say.

Based on the explanation they give (the stuff about "more specific"), I take that to mean one of two things. Either this:

.lay_subtitle {font-family: Verdana; font-size: 18pt; color: #000000; border-bottom-style: inset; border-bottom-width: 2px; margin-right: 5px}

will have priority over this:

.lay_subtitle {border-bottom-style: raised}

because the first is more specific about the class you're talking about, or they mean that something like this:

border: 4px solid green;

will have priority over this:

border: solid red;

I can't be sure though. Sorry for posting a pretty confusing explanation. I guess I didn't read it through carefully enough.


Edited by DiGNAN17 (03/03/2004 16:25)
_________________________
Matt