PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS: Verschiedene CSS-Formate für gleiches Tag in gleicher Datei



Archilles
08-11-2004, 07:25
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:

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:


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


<link rel="stylesheet" type="text/css" href="css/stylesheet.css">


und pro Datei explizit für die normalen Anker-Tags:


<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

fs111
08-11-2004, 07:43
Mach doch für das andere a-Elemente eine neue Klasse, also einfach

a.foo
{
//viele
//css
//Zuweisungen

}

und dann kannste in Deiner Seite mit

<a href="bla">bla</a>
<a class="foo" href="bla">bla</a>

beide Formatierungen parallel benutzen.

HTH

Grüße fs111

Archilles
08-11-2004, 11:25
Okay,

vielen Dank. Genau das habe ich gesucht! :)

MfG

Archilles