Anzeige:
Ergebnis 1 bis 3 von 3

Thema: CSS: Verschiedene CSS-Formate für gleiches Tag in gleicher Datei

  1. #1
    Registrierter Benutzer
    Registriert seit
    12.10.2004
    Beiträge
    33

    Question 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

  2. #2
    Registrierter Benutzer Avatar von fs111
    Registriert seit
    23.03.2002
    Beiträge
    594
    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

  3. #3
    Registrierter Benutzer
    Registriert seit
    12.10.2004
    Beiträge
    33
    Okay,

    vielen Dank. Genau das habe ich gesucht!

    MfG

    Archilles

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •