selfhtml.de - Alles für den Webmaster!

Anzeige: Goneo - Du machst das Web!

Anzeige: united-domains - Die ganze Welt der Domains

Re: Spezifitätsproblem

Autor: solirocks [Beiträge: 7]
Datum: 05.03.2010 18:25:01

Sehr interessanter Beitrag. Natürlich war dies der Fehler, habe es eben ausprobiert.

Meine Lösung war PHP-bezogen und sah so aus:

<a href="#"><?php if ($thisPage=='page2') {echo "<font color='#104380'>";} ?>
LINKTEXT
<?php if ($thisPage=='page1') {echo "</font>";} ?></a>

Aber jetzt, da ich weiß wie das Kaskade-System funktioniert, kann ich mir diesen überflüssigen Codeteil sparen.

Vielen Dank!



> > Hat sich erledigt. Woran es nun genau lag, das
> > weiß ich nicht.
>
>
> Lies bitte hierzu:
>
>
> http://jendryschik.de/wsdev/einfuehrung/css/kaskade
>
> (Kapitel "Reihenfolge"
>
> | Die Spezifität eines Selektors besteht aus vier einzelnen Werten,
> | die nacheinander notiert werden: A, B, C und D.
> |
> |
> | 1. A wird für CSS-Regeln auf 1 gesetzt, die durch ein
> | Attribut style im Quelltext definiert sind, ansonsten auf 0.
> |
> | 2. B ist die Anzahl der id-Attribute eines Selektors.
> |
> | 3. C ist die Anzahl aller anderen Attribute einschließlich
> | Klassen und Pseudoklassen innerhalb des Selektors.
> |
> | 4. D ist die Anzahl der Elementnamen und Pseudoelemente,
> | die der Selektor beinhaltet
>
>
> Die Spezifität für #mainnav a:link berechnet sich also wie folgt:
>
> kein Style-Attribut im HTML-Quellcode, --> A = 0,
> ein ID-Attribut (hier "#mainnav") --> B = 1,
> eine Pseudoklasse (hier ":link") --> C = 1,
> ein Elementname (hier "a") --> D = 1
>
> Die Spezifität für #mainnav a:link ist demnach 0,1,1,1
>
>
>
>
> Die Spezifität für .over a:link berechnet sich wie folgt:
>
> kein Style-Attribut im HTML-Quellcode, --> A = 0,
> kein ID-Attribut --> B = 0,
> eine Pseudoklasse (hier ":link") +
> eine Klasse (hier ".over" --> C = 2,
> ein Elementname (hier "a") --> D = 1
>
> Die Spezifität für .over a:link ist demnach 0,0,2,1
> und somit geringer, als die von #mainnav a:link
> (0,1,1,1), ergo kann Letzteres nicht von ".over
> a:link" überschrieben werden.
>
> Lösung:
> Dem ".over a:link" noch den ID-Selektor "#mainnav" voranstellen.

Antwort schreiben

Username:	Usernamen registrieren
Passwort:	Passwort vergessen?
Thema:
	Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:	> Sehr interessanter Beitrag. Natürlich war dies > der Fehler, habe es eben ausprobiert. > > Meine Lösung war PHP-bezogen und sah so aus: > > <a href="#"><?php if ($thisPage=='page2') > {echo "<font color='#104380'>";} ?> > LINKTEXT > <?php if ($thisPage=='page1') {echo > "</font>";} ?></a> > > Aber jetzt, da ich weiß wie das Kaskade-System > funktioniert, kann ich mir diesen überflüssigen > Codeteil sparen. > > Vielen Dank! > > > > > > Hat sich erledigt. Woran es nun genau lag, > das > > > weiß ich nicht. > > > > > > Lies bitte hierzu: > > > > > > > http://jendryschik.de/wsdev/einfuehrung/css/kaskade > > > > (Kapitel "Reihenfolge" > > > > | Die Spezifität eines Selektors besteht aus > vier einzelnen Werten, > > | die nacheinander notiert werden: A, B, C und > D. > > | > > | > > | 1. A wird für CSS-Regeln auf 1 gesetzt, die > durch ein > > | Attribut style im Quelltext definiert sind, > ansonsten auf 0. > > | > > | 2. B ist die Anzahl der id-Attribute eines > Selektors. > > | > > | 3. C ist die Anzahl aller anderen Attribute > einschließlich > > | Klassen und Pseudoklassen innerhalb des > Selektors. > > | > > | 4. D ist die Anzahl der Elementnamen und > Pseudoelemente, > > | die der Selektor beinhaltet > > > > > > Die Spezifität für #mainnav a:link berechnet > sich also wie folgt: > > > > kein Style-Attribut im HTML-Quellcode, --> A = > 0, > > ein ID-Attribut (hier "#mainnav") --> B = 1, > > > eine Pseudoklasse (hier ":link") --> C = 1, > > > ein Elementname (hier "a") --> D = 1 > > > > Die Spezifität für #mainnav a:link ist demnach > <b>0,1,1,1</b> > > > > > > > > > > Die Spezifität für .over a:link berechnet sich > wie folgt: > > > > kein Style-Attribut im HTML-Quellcode, --> A = > 0, > > kein ID-Attribut --> B = 0, > > eine Pseudoklasse (hier ":link") + > > eine Klasse (hier ".over" --> C = 2, > > ein Elementname (hier "a") --> D = 1 > > > > Die Spezifität für .over a:link ist demnach > <b>0,0,2,1</b> > > und somit geringer, als die von #mainnav > a:link > > (0,1,1,1), ergo kann Letzteres nicht von > ".over > > a:link" überschrieben werden. > > > > Lösung: > > Dem ".over a:link" noch den ID-Selektor > "#mainnav" voranstellen. >
Link (URL):
Titel für Link:
Grafik (URL):
	Die Breite der Grafik darf 468 Pixel nicht überschreiten.

E-Mail-Benachrichtigung:

wenn auf einen Beitrag zu diesem Thema geantwortet wird
nur wenn auf meinen eigenen Beitrag geantwortet wird
nie

Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...