Ruen: Nur in <ul> soll sich farbe von link ändern, aber wie ?

Hi nochmal,

ich bins schon wieder =) also meine frage jetzt:

Ich hab ein css eingebunden dass wie folgt aussieht:

<style type="text/css">
<!--
  a { color:#0080C0; }
  ul:hover { background:#800000;}

-->
</style>

und ich will dass dann aber nur die <a href="link">hier</a> die im <ul>
drinnen sind eine andere farbe bekommen und nicht alle links. Wie mach ich dass ?

Danke schonmal im voraus !

  1. Ruen

    Also ich würde es nicht auf <ul>Ebene sondern auf <li>ebene machen.
    Aber das System bleibt das selbe. In deinem Fall:

    ul a:hover {color:red;}

    Probiers. Andre

    --

    Dschinni - Web in alle Richtungen

    1. Danke !
      Funktioniert perfekt ! So jetzt bin ich befriedigt (nicht falsch verstehn ;) )

      thx Ruen

  2. hi

    etwa so:

    ul a { color:#0080C0; }

    so long
    ole
    (8-)>

    1. hi

      etwa so:

      ul a { color:#0080C0; }

      so long
      ole
      (8-)>

      Oder so wusst ich garnicht, dass das geht :-)

      1. Hallo,

        wusst ich garnicht, dass das geht :-)

        Beschäftige Dich mal ausgiebig mit dem Thema "Selektoren". Da ist noch so einiges mehr möglich (vor allem wenn der IE ein bißchen mehr mitspielen würde)

        http://www.w3.org/TR/CSS2/selector.html

        Viele Grüße
        Carsten

  3. Hi,

    ich bin nicht sicher, ob ich deine Frage richtig verstanden hab, aber sowie ich es verstanden hab, willst du, dass die links, die zwischen <ul> stehn anderst aussehen, als die die "frei" stehen.

    ul {
     color: #0080C0;
    }

    geht in dem Fall nicht, weil die angaben von <a ...> überschrieben werden.

    Eine Möglichkeit sind Unterklassen, die mit .<name_der_unterklasse>
    hinter dem eigentlichen Element definiert werden.

    <html><head><title>Test</title>
    <style type="text/css">
    <!--
    a {
     color: #FF0000;
    }

    .ul {
     color: #0080C0;
    }

    .ul:hover {
    background:#800000;
    }
    -->
    </style>
    </head><body>
    <ul><a href="datei1.html" class="ul">datei1.html</a></ul>
    <a href="datei2.html">datei2.html</a>

    <noscript></noscript>
    </body></html>

    Bei den Links, die zwischen <ul></ul> stehen schreibst du einfach noch class="ul" dazu.

    1. Tja Marco

      Da hast du auch noch was gelernt. Aber das geht immer allen so, isz doch schön. Und es ist tatsächlich so, dass a {color:green;} von ul a{color:red;} überschrieben wird, da spezifischer. Ausserdem würde ich innerhalb einer ul keine Klasse machen die ul heisst. Das schreit ja nach Chaos... 3 Monate später meinst dein Arbeitskollege, du hättest einen Fehler gemacht und dann ist die konfusion perfekt.

      Also: Immer einfach bleiben. Andre

      --

      Dschinni - Web in alle Richtungen