CSS precendence problem

[websj06]

Hello everyone:

  I am working on a exericse which require to using embedded style to modify h3 headings.

  //regular h3 setting:

Code:

h3 {color: #ffcc00; font: 20px sand, sans-serif;}

//special setting for one particule h3 heading
text is 006600, font is Braggadocio or Brush script mt or sans-serif

 I first thought  using ID will be appropriate. After I applied the id style, it won't set it apart from reagular h3 tag style setting. I also tried !important and class, they don't work out either.

Please give me some suggestion on how to make this work. Thanks!

My code segment are like this
//regular h3 heading

Code:

h3 {color: #ffcc00; font: 20px sand, sans-serif;}

//ID h3 heading

Code:

#spech3 {"color: #006600; font-family: Braggadocio, Brush script mt, sans-serif;"}

//class style

Code:

h3.special {"color: #006600 !important; font-family: Braggadocio, Brush script mt, sans-serif;"}

//apply !important property

Code:

h3 {"color: #006600 !important; font-family: Braggadocio, Brush script mt, sans-serif;"}

<h3>Hello to the World!!</h3>
<h3 id="spech3">Awards</h3> //replace id with class = "special"


Jeff
10-13-06

[websj06]

Hi everyone:

 I took a close look at my code again. There shouldn't be double quotation mark inside style declaration. I got mixed up with inline style. After I took off the double quotation mark, things works fine

Jeff
10-13-06

[SensoVision]

glad it worked fine now, sorry I didn't appeared faster to help you out