a in h2

hopla · **Geregistreerd:** 22 Jan 2004 0:00 **Berichten:** 773

Ik heb een <div id="content"> en heb

Code:

#content a{
  color: rgb(136, 136, 136);
}

Dan heb ik nog een <h2> en

Code:

h2{
  background-color: rgb(136, 136, 136); /* zelfde kleur dus */
}

En dan in html

Code:

<div id="content">
<h2><a href="sdlgdsg">Een link</a></h2>
</div>

Die link zie je dus niet. Geen probleem zeg je dan:

Code:

h2 a{
  color: white;
}

Maar, rarara, dat werkt dus niet... Is er ergens een regel of zo dat je geen <a>'s in <hX>'s mag stoppen of zo? Of heeft de stijlregel "#content a" voorang op "h2 a"? En als dat zo is, waarom werkt

Code:

<h2><a id=\"h2\">...

met

Code:

#h2{
  color: white;
}

dan ook niet?

hopla · **Geregistreerd:** 22 Jan 2004 0:00 **Berichten:** 773

Heel simpele test hier:
http://gouwnoordzee.be/remake/test.html

Bekijk de source, de CSS zit in de html.

Echt raar...

hopla · **Geregistreerd:** 22 Jan 2004 0:00 **Berichten:** 773

Heb een oplossing gevonden: !important na de kleur def plaatsen.

Dus:

Code:

h2 a{
  color: blue !important;
}

sn1029 · **Geplaatst:** 02 Jan 2006 14:02

Daar is niets vreemds aan.

Omdat

Code:

#content a

specifieker is dan

Code:

h2 a

wordt het eerste toegepast.

oplossing:

Code:

#content h2 a

!important is ook een oplossing, maar werkt dat in IE? Ligt niet echt voor de hand.

Ik denk dat iedereen al eens heeft ervaren dat een bepaald element niet de kleur/margin/border heeft die jij wil. Ik maak sinds kort gebruik van de dom-inspector van Firefox om te kijken waar het probleem zit
-> Een goed artikel over het debuggen van css: http://24ways.org/advent/debugging-css- ... -inspector

een reeks van drie artikels over css selectors: http://www.456bereastreet.com/archive/2 ... rs_part_1/

hopla · **Geregistreerd:** 22 Jan 2004 0:00 **Berichten:** 773

Aha! Thx, dat werkt inderdaad en is beter dan !important te gebruiken wat eigenlijk toch maar een smerige hack was.

'k Had een vermoeden dat het aan de specificiteit van de selector lag (heb er zelfs de W3C docs op nagelezen), maar kon maar niets verzinnen wat het kon oplossen. 't Was dus maar zó simpel :p

Merci

Scoutnet vzw

a in h2

Wie is er online?