Selektoren sind Muster, die mit Elementen in einem Dokumentbaum übereinstimmen. In einer CSS-Regel werden sie verwendet, um Stile für Elemente zu definieren, die dem Muster entsprechen.
Wie wähle ich das <li>Element aus, das dem Ankerelement direkt übergeordnet ist? Als Beispiel wäre mein CSS ungefähr so: li < a.active { property: value; } Natürlich gibt es Möglichkeiten, dies mit JavaScript zu tun, aber ich hoffe, dass es eine Art Problemumgehung gibt, die für CSS Level...
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Селектор левых соседей Das Pluszeichen ( +) steht für das nächste Geschwister. Gibt es ein Äquivalent für das vorherige
Welche Zeichen / Symbole sind in den CSS- Klassenselektoren zulässig ? Ich weiß, dass die folgenden Zeichen ungültig sind , aber welche Zeichen sind gültig ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | `
Ich habe eine Reihe von Elementen mit einem Klassennamen red, aber ich kann das erste Element nicht mit class="red"der folgenden CSS-Regel auswählen : .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Führen Sie das Code-Snippet...
Die Suche nach dem ~Charakter ist nicht einfach. Ich habe mir CSS angesehen und dies gefunden .check:checked ~ .content { } Was bedeutet
Ich habe ein divTag, das mehrere ulTags enthält. Ich kann CSS-Eigenschaften nur für das erste ulTag festlegen : div ul:first-child { background-color: #900; } Meine folgenden Versuche, CSS-Eigenschaften für jedes andere ulTag außer dem ersten festzulegen, funktionieren jedoch nicht: div...
Zum Beispiel: p + p { /* Some declarations */ } Ich weiß nicht was das +bedeutet. Was ist der Unterschied zwischen diesem und dem Definieren eines Stils für pohne +
Ich versuche inputElemente aller types außer radiound auszuwählen checkbox. Viele Leute haben gezeigt, dass man mehrere Argumente einfügen kann :not, aber die Verwendung typescheint sowieso nicht zu funktionieren. Ich versuche es. form input:not([type="radio"], [type="checkbox"]) { /* css here */ }...
Ich habe diese Divs, mit denen ich style .tocolor, aber ich brauche auch die eindeutige Kennung 1,2,3,4 usw., also füge ich hinzu, dass es sich um eine andere Klasse handelt tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2...
Ich möchte eine CSS-Auswahlregel schreiben, die alle Elemente auswählt, die keine bestimmte Klasse haben. Zum Beispiel mit folgendem HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... -->...
CSS-Selektoren werden von Browser-Engines von rechts nach links abgeglichen. Also finden sie zuerst die Kinder und überprüfen dann ihre Eltern, um festzustellen, ob sie mit den übrigen Teilen der Regel übereinstimmen. Warum ist das? Ist es nur, weil die Spezifikation sagt? Beeinflusst es das...
Ich suche einen CSS-Selektor für die folgende Tabelle: Peter | male | 34 Susanne | female | 12 Gibt es einen Selektor für alle TDs, die "männlich"
Ist es möglich, Elemente in CSS anhand ihrer HTML5-Datenattribute auszuwählen (z. B.
Zum Beispiel: div > p.some_class { /* Some declarations */ } Was genau bedeutet das
Gibt es eine Möglichkeit, ein Element mit CSS basierend auf dem Wert des Klassenattributs auszuwählen, das auf zwei bestimmte Klassen festgelegt wird? Nehmen wir zum Beispiel an, ich habe 3 Divs: <div class="foo">Hello Foo</div> <div class="foo bar">Hello
Wie können Sie alle untergeordneten Elemente rekursiv auswählen? div.dropdown, div.dropdown > * { color: red; } Diese Klasse wirft nur eine Klasse auf den definierten Klassennamen und alle unmittelbaren untergeordneten Elemente. Wie können Sie auf einfache Weise alle childNodes wie folgt...
Wie kann ich Eingabefelder vom Typ 'Text' mithilfe von CSS-Selektoren ausrichten?
Wie würde ich alle außer dem letzten Kind mit CSS3-Selektoren auswählen? Zum Beispiel wäre es nur das letzte Kind zu bekommen
Ich habe eine Liste von Elementen, die so gestaltet sind: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li>...
Ich habe eine Stilregel, die ich auf ein Tag anwenden möchte, wenn es zwei Klassen hat. Gibt es eine Möglichkeit, dies ohne JavaScript durchzuführen? Mit anderen Worten: <li class='left ui-class-selector'> Ich möchte meine Stilregel nur anwenden, wenn lisowohl beide .leftals auch...