✔ CSS Befehle gesucht

[The G]

Hallo @ all!

Könnte mir villeicht jeman verraten wie ich das in CSS schreibe?

<a href="http://example.net" style="display:block; text-decoration:none">
<font class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'">
<b>Startseite</b>
</font>
</a>

 

[Maik]

Wenn du das Tauschen der CSS-Klassen normal und hover meinst:

CSS-Code:

.normal { /* CSS-Eigenschaften */ }

.hover { /* CSS-Eigenschaften */ }

Bei einem umschliessenden <a> ... </a> (Stichwort a:hover) kann ich den Sinn dieser angewandten Technik aber nicht so ganz nachvollziehen ...

a:link
{
display: block;
text-decoration: none;
font-weight: bold;
}

a:hover { /* CSS-Eigenschaften */ }

<a href="http://example.net">Startseite</a>

 

[The G]

Das mit dem Zweiten war schon richtig. Doch wenn ich es via a:herf und a:link löse, sind alle Links dieser Seite davon betroffen. Wie kann ich das beschränken?

 

[Ellie]

Moin,

hier kannst du nachschlagen: http://www.css4you.de

LG,
Ellie

 

[Maik]

Indem du die unterschiedlichen Link-Formatierungen mit CSS-Klassen regelst:

/* allgemeine Link-Formatierungen */

a:link { }
a:visited { }
a:hover { }
a:active { }


/* spezielle Link-Formatierungen */

a.style1:link { }
a.style1:visited { }
a.style1:hover { }
a.style1:active { }

Empfehle dir selfHTML: Stylesheets (CSS)

 

[The G]

Also z.B.:

a.klassen_name:link {}
a.klassen_name:herf {}
...

 

[Maik]

Also z.B.:

a.klassen_name:link {}
a.klassen_name:herf {}
...

Ja, aber eine Pseudo-Klasse :herf gibt es nicht ... ;-]

>>> selfHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen

 

[The G]

Ok. Hab verstanden. Danke dir vielmals. Außerdem danke für den Link.

 

[Maik]

Frage beantwortet? Problem gelöst? Dann markiere dein Thema bitte als "Erledigt"!

Thanx ;-]

 

[The G]

Wird gemacht!