✔ Verkettungen von Selektoren

[Necro_nomicon]

Hallo!

Waere super, wenn das jemand mal durchlesen kann und auf seine Richtigkeit ueberprueft. Ich bin mir bei den Verkettungen total unsicher.

Wenn ich folgenden HTML-Code habe:

<tr>
   <td>
         <ul id="nav1">
            <li><a><span>

* und ich moechte nun, dass der Text im span-Tag nicht angezeigt wird, stimmt dann folgende Verkettung?

ul#nav1 li a span {display:none;}

* Nur fuer die Angaben, die sich auf das ul beziehen:

ul#nav1 {}

* Nur fuer die Angaben, die sich auf die li beziehen:

ul#nav1 li oder li ul#nav1

* Nur fuer die Angaben, die sich auf a beziehen:

ul#nav1 li a {}
geht nur #nav1 a {} auch?

* Nur fuer die Links in der nav1:
ul#nav1 li a#home:link, li#impressum:link {}
da gehoert das "ul" vorne dann ja weg oder?
[jeder Menuepunkt hat eine eigene Klasse: home, impressum etc.]

* Wuerde man normalerweise um das ul-Tag ein div-Tag mit einer id reingeben und das ganze anders aufbauen?

<tr>
   <td>
       <div id="wrapper"
            <ul id="nav1">
                 <li><a><span>

 

[Maik]

Hi,

sieht soweit alles gut aus, außer hier:

* Nur fuer die Angaben, die sich auf die li beziehen:
ul#nav1 li oder li ul#nav1

Denn das li-Element ist der Nachfolger des ul-Elements, und nicht umgekehrt.

Und hier stimmt der Selektor nicht:

ul#nav1 li a#home:link, li#impressum:link {}

Der Selektor muß so lauten:

ul#nav1 li a#home:link, ul#nav1 li a#impressum:link {}

[jeder Menuepunkt hat eine eigene Klasse: home, impressum etc.]

Falsch, die Links besitzen einen ID-Bezeichner, zu erkennen an dem #-Zeichen. Klassen hingegen werden mit einem Punkt angegeben.

mfg Maik

 

[Necro_nomicon]

Danke Maik fuers durchsehen und korrigieren!