css inheritance 2

[jimmyshoes]

I am trying to work out the structure for my css pages
I am thinking of using the structure in the example below
In the example below, will Hi be rendered as 24 px in all browsers, and if I hadn't stipulated <td class = "largeFont"> then 14px

<style>
#main .someTable td { font-size : 14px}
,largeFont { font-size : 24px}
</style>

<div id="main">
<table class = "someTable">
<tr>
<td class = "largeFont">Hi</td>
</tr>
</table>
</div>

 

[traingamer]

No, because #main .someTable td is more specific than .largeFont. See CSS: Specificity Wars among other places.




Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard

 

[ChrisHunt]

Also, you've put a comma before largeFont instead of a full stop:

[red],[/red]largeFont { font-size : 24px}
/* should be... */
[red].[/red]largeFont { font-size : 24px}

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[jimmyshoes]

Thanks