wie Klasse + Pseudoklasse für "a" (direkt)?

[uliII]

Hi,

Links sollen per Klasse und per Pseudoklasse angesprochen und damit auch jeweils bereits vergebene Klassen "überschrieben" werden.

Und die Klassen sollen direkt "a" vergeben werden, nicht übergeordneten Elementen wie div oder span.

Frage 1:

Ist statt a:hover

auch

a.link:hover

erlaubt?

Frage 2: Gilt das dann für alle Pseudoklassen? (before..)

Prinzipiell:

Um vorherige CSS Eigenschaften für "a" zu überschreiben, muss ich ja "a" als Selektor nutzen.

LG uli

[suit]

Frage 1:

Ist statt a:hover

auch

a.link:hover

erlaubt?

Ja, auch a:hover.link wäre kein Problem

Frage 2: Gilt das dann für alle Pseudoklassen? (before..)

ja, z.B. a:before:hover

Prinzipiell:

Um vorherige CSS Eigenschaften für "a" zu überschreiben, muss ich ja "a" als Selektor nutzen.

Nein, musst du nicht - du musst nur einen Selektor mit derselben oder höheren Spezifität verwenden.

<a class="foo" href="#">bar</a>

a {  
  color: red;  
}  
  
.foo {  
  color: blue;  
}  

Ergibt blau, weil der Klassen-Selektor eine höhere Spezifität besitzt bzw. später folgt.

.foo {  
  color: red;  
}  
  
a {  
  color: blue;  
}  

Ergibt rot, weil .foo eine höhere Spezifität besitzt.

a.foo {  
  color: red;  
}  
  
a {  
  color: blue;  
}  

auch das hier ergibt rot, weil a.foo gewichtiger ist als a

a.foo {  
  color: red;  
}  
  
a.foo {  
  color: blue;  
}  

hier hätten wir blau, weil bei derselben Spezfifität der zuletzt notierte Selektor gilt

[suit]

ja, z.B. a:before:hover

Nachtrag: um dem jähen Zorn von Gunnar zu entgehen: es heisst natürlich in modernen Browsern [link:http://www.w3.org/TR/css3-selectors/#gen-content@title=::before] :p

[uliII]

ja, z.B. a:before:hover

Nachtrag: um dem jähen Zorn von Gunnar zu entgehen: es heisst natürlich in modernen Browsern [link:http://www.w3.org/TR/css3-selectors/#gen-content@title=::before] :p

Hi,

großen Dank für alle Antworten!

LG uli

[Cheatah]

Hi,

Nachtrag: um dem jähen Zorn von Gunnar zu entgehen: es heisst natürlich in modernen Browsern [link:http://www.w3.org/TR/css3-selectors/#gen-content@title=::before] :p

... und ist ein Pseudoelement, keine Pseudoklasse ;-)

Cheatah

[misterunknown]

Moin,

Ist statt a:hover auch
a.link:hover erlaubt?

Ja.

Frage 2: Gilt das dann für alle Pseudoklassen? (before..)

Ja.

Prinzipiell:
Um vorherige CSS Eigenschaften für "a" zu überschreiben, muss ich ja "a" als Selektor nutzen.

Hierbei ist auf die http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Spezifizität - also die Gewichtung der Regeln - zu achten.

Grüße Marco

[misterunknown]

Moin,

oha, da war suit schneller.

Grüße Marco