XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Style wird nicht korrekt übernommen (http://xhtmlforum.de/showthread.php?t=44756)

vidar 02.03.2007 13:13

Style wird nicht korrekt übernommen
 
Hallo zusammen!

Hab ein kleines Problem bei der Definition von einem Style für einen a - Tag. Im folgenden Code-Beispiel wird bekommt der "Right-Link" einen eigenen Style (rot, unterstrichen) über die Klasse "custStyle" zugewiesen. Trotzdem wird immer der im "#footer" allgemein definierte Style (schwarz, nicht unterstrichen) dargestellt.

Kann sich das jemand erklären? Bin dankbar für jeden Tipp!

Gruß, vidar

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>Unbenannt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>
a.custStyle, a.custStyle:link, a.custStyle:visited {
        color: #FF3300;
        text-decoration: underline;
        font-weight: normal;
}

a.custStyle:hover, a.custStyle:active {
        color: #FF3300;
        text-decoration: underline;
        font-weight: normal;
}


#footer a, #footer a:link, #footer a:visited {
        color: #000000;
        text-decoration: none;
        font-weight: normal;
}

#footer a:hover, #footer a:active {
        color: #000000;
        text-decoration: none;
        font-weight: normal;
}
</style>

</head>
<body>

<div id="footer">
        <div id="left">
                <a href="#">Left-Link</a>
        </div>
       
        <br /><br />
       
        <div id="right">
                <a href="#" class="custStyle">Right-Link</a>
        </div>
</div>

</body>
</html>


RoToRa 02.03.2007 13:20

Lies Dir in deiner Lieblings-CSS-Referenz den Kapitel über Spezifität durch. Eine CSS-Regel mit einer ID hat eine Höhere Spezifität (Priorität) als eines mit einer Klasse. In deinem Fall könntest du es so machen:

Code:

#footer a.custStyle, #footer a.custStyle:link, #footer a.custStyle:visited {
  ...
}

Außer du brauchst "custStyle" auch außerhalb von #footer, dann wäre eine andere Lösung nötig.

Robin

vidar 02.03.2007 13:22

Zitat:

Außer du brauchst "custStyle" auch außerhalb von #footer, dann wäre eine andere Lösung nötig.
Genau das ist das Problem: ich brauche "custStyle" auch außerhalb vom Footer... Eine andere Lösung ersichtlich?

vidar

RoToRa 02.03.2007 13:29

Nun das kommt auf die gesamte Struktur der Seite drauf an. Du müsstest entweder eine ID (oder mehrer IDs) finden, in der alle "custStyle" vorkommen, z.B.:

Code:

#content a.custStyle, #menu a.custStyle, #footer a.custStyle {
  ...
}

Oder wenn es ein z.B. umgreifendes Element gibt:
Code:

#wrapper a.custStyle {
  ...
}

Es gibt im Prinzip viele Lösungen, aber alle hängen von der "Gesamtsituation" ab.

Robin

vidar 02.03.2007 13:54

Zitat:

Oder wenn es ein z.B. umgreifendes Element gibt:
das ist die beste Lösung... habe alle Elemente in einem Container und innerhalb diesem wird nun einfach der Style definiert!

thx für deine Tipps!
gruß, vidar


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:23 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023