[CSS] Pseudoelemente in Klassen

value · 26. Juli 2004

Hi,

ich hätte gerne ohne Inline-Elemente zu verwenden verschiedene Link-Eigenschaften in einem Dokument.
Und zwar deswegen weil ich verschiedene Stylesheets für ein Dokument anbiete, und so alle Formatierungen in diesem externen Stylesheet sein müssen.
Einmal für den normalen Text, und einmal für die Navigation, die auch aus normalen, mit CSS formatierten Links bestehen muss.

Ich hab nun also die ganzen a:visited, a:hover etc. als einzelne Elemente in meinem Stylesheet, würde die aber am liebsten in einer Klasse zusammenfassen, um eben verschiedene Link-Eigenschaften in einem Dokument anwenden zu können.
So wie es scheint ist das wohl in Klassen nicht möglich, da ich ja die Eigenschaften in {} stellen muss, und somit die Klasse nicht mehr konsistent ist.

Gibt es irgendwelche Möglichkeiten 2 verschiedene Arten von Pseudoelementen in einem externen Stylesheet zu definieren so das beide kontrolliert auf ein Dokument angewendet werden können?

Danke, value

Loopo · 26. Juli 2004

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Link-Farben mit CSS</title>
	<style>
		a.test { color: #FF0000; }
		a.test:hover { color: #00FF00; }
	</style>
</head>

<body>

<a class="test" href="#">Test</a>

</body>
</html>

value · 26. Juli 2004

Aaaah, sehr gut, vielen Dank ^^

PuppetMaster · 26. Juli 2004

Wie wärs so?

Code:

/* Navigation */

#navi {
  position:absolute;
  top:0px; left:0px;
  width:150px;
  ...
  ...
}
#navi a:link, #navi a:visited, #navi a:active {
  ...
  ...
}
#navi a:hover {
  ...
  ...
}

/* Seiteninhalt */

#main {
  margin-left: 150px;
  ...
  ...
}
#main a:link, #main a:visited, #main a:active {
  ...
  ...
}
#main a:hover {
  ...
  ...
}

value · 27. Juli 2004

Auch keine schlechte Idee, Danke

Suche

[CSS] Pseudoelemente in Klassen

value

Commander

Loopo

Admiral

value

Commander

PuppetMaster

Admiral Pro

value

Commander

Ähnliche Themen