css a a:hover usw

  • tag gemeinde

    kurzes kleines problem. die links a, a:hover. a:visited usw hab ich in der css schon formatiert. jetzt will ich aber in einer infobox die links anders formatieren. die box (.boxbox) wurde auch formatiert.

    muss ich dann in der css einen z.B. a:hover:boxbox erstellen?

  • je nachdem wie du die links definierst

    HTML
    <div class="xx"><a href....></a></div> -> .xx a:hover {...}

    wenn se in der box sind

    HTML
    <a class="xx" href....</a> -> .xx:hover {...}

    wenn das a-tag direkt die class hat

  • hm mir bissl unklar oder ich steh es falsch. ich will die links in der css formatiern so wie ich die allgemeinen links für die seite auch formatiert habe.

    linkformatierung allgemein

    a {
    text-decoration: none;
    font: small-caption;
    color: #5a6674;
    }

    a:hover {
    text-decoration: none;
    font: small-caption;
    color: #5a6674;
    }

    a:link {
    text-decoration: none;
    font: small-caption;
    color: #5a6674;
    }

    a:visited {
    text-decoration: none;
    font: small-caption;
    color: #5a6674;
    }

    __________________________________

    wenn ich jetzt richtig denke muss ich doch auf die gleiche weise die links die in der dem divcontainer stehn formatieren.

    also dann

    boxbox.a ...
    boxbox.a:hover ...

    usw

  • ok.... mal komplettes beispiel

    HTML
    <div class="boxbox">
    <a href="link">der link</a>
    </div>

    des is deine box mit der class "boxbox" (kannst auch id nehmen, wie du willst).

    und des definierste dann in css so

    HTML
    .boxbox a:hover { ... }
    .boxbox a:visited { }
    ...


    übrigens musst du nicht alles einzeln definieren, kannst auch a:hover, a:visited, a:... hintereinander mit komma trennen

  • genau das wars. habs nur falsch verstanden und der punkt an die falsche stelle gesetzt


    danke