CSS: Verschiedene CSS-Formate für gleiches Tag in gleicher Datei
Hallo,
kann mir jemand sagen, wie ich für ein und denselben TAG-Typ im gleichen Dokument zwei unterschiedliche Stylesheets anordnen kann, ohne Inline-Stylesheets zu verwenden?
In meiner stylesheet.css habe ich folgenden Eintrag:
HTML-Code:
a {
text-decoration:none;
color:#fff; background:transparent;
padding:1px 1px 0 1px;
}
a:hover {
text-decoration:none;
color:#fff;
border-top:solid 1px #fff;
border-left:solid 1px #fff;
border-right:solid 1px #5d5ded;
border-bottom:solid 1px #5d5ded;
padding:0;
}
Den brauche ich, um Anker in Menüboxen anzuzeigen, die in den Dokumenten enthalten sind. Andere Anker-Tags z.B. Links im Text selber möchte ich so hervorheben:
HTML-Code:
a { color: #111076;
font-size: 9pt;
font-family: "Geneva, Arial, Helvetica, sans-serif";
text-decoration: none
}
a.hover { color: #111076;
font-size: 9pt;
font-family: "Geneva, Arial, Helvetica, sans-serif";
font-weight: bold
}
Meine CSS-Datei binde ich mit
HTML-Code:
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
und pro Datei explizit für die normalen Anker-Tags:
HTML-Code:
<style type="text/css" media="screen">
<!--
a { color: #111076;
font-size: 9pt;
font-family: "Geneva, Arial, Helvetica, sans-serif";
text-decoration: none
}
a.hover { color: #111076;
font-size: 9pt;
font-family: "Geneva, Arial, Helvetica, sans-serif";
font-weight: bold
}
-->
</style>
Dennoch wird der Style aus der stylesheet.css bevorzugt.
Da das aber sehr viele Dateien sind und sehr viele Anker in den Texten, wäre eine Lösung in einer zentralen Datei sinnvoll.
Kann man das irgendwie noch in Klassen einteilen? Z.B. die Menüs gehören zu Klassen wie "xmBox", "xmLbl".
Vielen Dank für Euere Unterstützung.
MfG
Archilles
