Definieren verschachtelter Klassen

[BRotondi]

Guten Morgen allerseits & herzlichen Dank für's Forum!

Ich spiele in meinem vBulletin mit der Idee, in den Brotkrumen Links zu Hauptartikeln zu setzen (Beispiellink auf Anfrage).

Der relevante Code um das Icon :

<div class="[B]breadcrumb[/B]" id="breadcrumb">
    <ul class="[B]floatcontainer[/B]">
        <li class="[B]navbit[/B]">
            <a class="[B]navbiticon[/B]" ...>[COLOR=Red]<img ...>[/COLOR]</a>

Mir gelingt es nun aber nicht, für dieses Icon das Padding auf 0 zu setzen. Die folgende CSS-Definition wird von FireBug gar nicht angezeigt:

[B].breadcrumb .navbiticon a [/B]{
    padding:0;
}

Und diese hier wird von .breadcrumb .navbit a überlagert (Screenshot):

[B].breadcrumb .navbiticon [/B]{
    padding:0;
}

Wie lautet die CSS-Definition (bzw. der Header) korrekterweise?

1000 Dank!
Bruno

P.S.: Ich versuche dieses Posting nochmals ohne Beispiellink. Ev. wanderte es vor 1-2 Tagen deshalb in die Quarantäne und an für sich brennt mir dieses Problem schon etwas unter den Nägeln... Danke für Eure Hilfe!

 

[Asipak4You]

Was passiert denn, wenn du einfach direkt die Klasse des Links ansprichst, ohne auf Verschachtelungen zu achten:

a.navbiticon {
  padding:0;
}

Deine erste Definition ist jedenfalls falsch. Es muesste dann wohl

.breadcrumb a.navbiticon {
  padding:0;
}

lauten. Wenn du den Innenabstand dem <img> - Tag zuweisen willst, musst du

.breadcrumb a.navbiticon img {
  padding:0;
}

schreiben.

Du kannst natuerlich auch die volle Verschachtelung beruecksichtigen, mit oder ohne Tagname:

div.breadcrumb ul.floatcontainer li.navbit a.navbiticon {
  padding:0;
}

 

[BRotondi]

Ganz herzlichen Dank für Deine vielen Beispiele! Habe das bisher beim besten Willen nicht durchschaut. Hoffe so zukünftig alle ähnlichen Probleme meistern zu können :).

Bei den ersten zwei tritt genau der selbe Effekt auf, wie beim Screenshot. .breadcrumb .navbit a sowie das darauffolgende sind stärker. Die anderen sind genau, was ich brauche. Werde .breadcrumb a.navbiticon img einsetzen.

Merci nochmals und eine gute Woche!
Bruno

Edit: Was ist mit "mit oder ohne Tagname" gemeint? Das letzte Beispiel funktioniert bei mir nur exakt so.