CSS-Selektor, class-a, aber nicht b-Klasse

Ich habe versucht, alle möglichen Dinge, aber ich glaube, ich bin immer zu kompliziert und es sogar geschafft, sich chrome zu hängen mit meiner Auswahl. Ich bin sicher, es gibt eine einfache Möglichkeit, dies zu tun

Wählen Sie classa aber nur, wenn theres keine classb und ignorieren Sie die Letzte Instanz

<div class="container">
    <div class="classa classb"></div> <!-- Dont Select -->
    <div class="classa"></div>  <!-- Select -->
    <div class="classa"></div>  <!-- Dont select last instance -->
</div>
InformationsquelleAutor Akshat | 2012-05-27
  1. 21

    Ich glaube, Sie können dies tun, mit CSS3 mit der :not() ausgewählt (Beispiel hier)

    div.classa:not(.classb):not(:last-child) {}

    Jedoch, wie Sie wissen, nicht viele browser dies unterstützt, so dass Javascript, möglicherweise einen einfacheren Weg...

    InformationsquelleAutor LeeR
  2. 2
    .classa:not(.classb):not(:last-child) {
    /* rules */
}

    Getestet auf Firefox 12, Chrome 19, Safari 5 und Opera 10. Leider funktioniert es nicht auf (...raten Sie mal wer?) DH.

    • Weil Sie noch nicht aktualisiert Ihre IE.
    • Getestet habe ich auf IE 9 - nicht funktioniert. Selbst wenn es funktioniert, die meisten Menschen immer noch verwendet, ältere Versionen...
    • Stellen Sie sicher, dass Sie die Prüfung im standards-Modus. IE9 unterstützt diese Selektoren vollständig, aber nur im standards-Modus.
    • Ja, du hast Recht. Ich wurde getestet, ohne <!doctype html>. Es funktioniert jetzt
    InformationsquelleAutor Simone
  3. 1

    Versuchen:

    .classa:not(.classb):first-child {
    background: red;
}

    Diese funktionieren nicht im IE 7 oder 8 aber.

    • Das ist falsch, denn das erste Kind ist ein .classa.classb.
    InformationsquelleAutor Kai Sellgren
  4. 0

    Mit CSS3 pseudo-Klassen:

    .classa:not(:last-child):not(.classb) {
  //some rules...
}
    InformationsquelleAutor ldiqual
Schreibe einen Kommentar