a:hover etc mehrfach definieren

[Lars_Vegas]

also man kann mit css ja link eigenschaften mit a:hover etc. ganz gut bestimmen.

nun hab ich allerdings 2 verschiedene arten von links in einem dokument, wo verschiedene dinge passieren sollen. wie kann ich sowas machen? vielleicht mit class="link1" / class="link2", aber wie definiere ich das dann in css?

[Orlando]

Hi,

class="link1" / class="link2", aber wie definiere ich das dann in css?

http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen

Grüße,
 Roland

[chlori]

Hi

nun hab ich allerdings 2 verschiedene arten von links

zB id="left"

a:link{color: #0000CC;}
a:visited{color: #0000CC;}
a:active{color: #0000CC;}
a:hover{color: #0000CC;}

#left a:link{color: #0000CC;}
#left a:visited{color: #0000CC;}
#left a:active{color: #0000CC;}
#left a:hover{color: #0000CC;}

Gruss
chlori

[chlori]

Hi

a:link{color: #0000CC;}
[...]

#left a:link{color: #0000CC;}

Natürlich mit anderen Werten! :)

Gruss
chlori

[andi_b]

hallo,
da nimmste am besten zwei klassen und definierst für beide eine anderes  a:hover element.

.alpha,
.beta{
 background-color:#EFEFEF;
 border:1px solid red;
}
.alpha a,
.alpha a:visited,
.beta a,
.beta a:visted{
 text decoration:none;
}
.alpha a:active,
.alpha a:hover,
.beta a:active,
.beta a:hover{
 text decoration:underline;
}
  .alpha a:active,
  .alpha a:hover{
    color:blue;
  }
  .beta a:active,
  .beta a:hover{
    color:red;
  }

fertsch ;)

andi

[Viennamade]

Hallo!

nun hab ich allerdings 2 verschiedene arten von links in einem dokument, wo verschiedene dinge passieren sollen.

a.tn:link { }
a.tn:visited { }
a.tn:hover   { }
a.tn:active   { }
a.tn img { border:2px white solid; }

Der Klassenname ist tn. So innerhalb eines Verweises der Klasse tn ein Bild ist (graphischer Verweis), dann bekommt dieses Bild einen Rahmen.

Beste Grüße
Viennamade

[andi_b]

hey,

a.tn:link { }
a.tn:visited { }
a.tn:hover   { }
a.tn:active   { }
a.tn img { border:2px white solid; }

das ist gut, dass du das erwähnst... ich wusste nämlich noch nie, was der unterschied zwischen deiner variante und der variante

.tn a:hover

ist. kannst du mir das sagen?

ahoi, andi

[Viennamade]

Hallo!

a.tn:link { }
a.tn:visited { }
a.tn:hover   { }
a.tn:active   { }
a.tn img { border:2px white solid; }
das ist gut, dass du das erwähnst... ich wusste nämlich noch nie, was der unterschied zwischen deiner variante und der variante

.tn a:hover

ist.

.x ist eine Klasse die für alle Elemente verwendet werden kann (kann auch als *.x geschrieben werden)
p.x ist eine Klasse die nur für Absätze verwendet werden kann.

Bezüglich Deines Beispiels ergeben sich natürlich Einschränkungen, nicht alles kann schließlich hovern.

Beste Grüße
Viennamade

[andi_b]

Bezüglich Deines Beispiels ergeben sich natürlich Einschränkungen, nicht alles kann schließlich hovern.

soviel ist mir auch klar ;)

ich meinte nur den unterschied zwischen

p.x{} und
.x p{}

da ist dann wohl keiner?!

andi

[Tim Tepaße]

Hallo Andi,

ich meinte nur den unterschied zwischen

Da ist ein Unterschied, ja.

p.x{}

Wirkt auf alle Absätze mit der Klasse x

.x p{}

Wirkt auf alle Absätze, die sich in einem Element mit der Klasse x befinden.

Tim