Als «css-selectors» getaggte Fragen

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.

2
Warum ist es nicht möglich, herstellerspezifische Pseudoelemente / Klassen in einem Regelsatz zu kombinieren?
In CSS ist es möglich, placeholderText innerhalb einer Eingabe mithilfe einer Kombination aus herstellerspezifischen Pseudoklassen und Pseudoelementen zu formatieren (um die beste browserübergreifende Abdeckung zu erzielen). Diese haben alle die gleichen grundlegenden Eigenschaften (z. B. Textstil und Farbdeklarationen). Obwohl ich unweigerlich dieselben Stile anwenden möchte, unabhängig vom Hersteller des Browsers, …
2
CSS-Negationspseudoklasse: not () für Eltern- / Vorfahrenelemente
Das macht mich verrückt: HTML: <div><h1>Hello World!</h1></div> CSS: *:not(div) h1 { color: #900; } Lautet dies nicht: "Wählen Sie alle h1Elemente aus, deren Vorfahr kein divElement ist ...?" Also "Hallo Welt!" sollte nicht rot gefärbt sein, ist es aber immer noch. Für das obige Markup funktioniert das Hinzufügen des untergeordneten …
5
Was ist der Unterschied zwischen: vor und :: vor?
Ich habe gerade einen CSS-Code gesehen, der ein ::beforeTag enthielt . Ich habe MDN angeschaut, um zu sehen, was das ::beforeist, aber ich habe es wirklich nicht verstanden. Kann jemand erklären, wie es funktioniert? Macht es ein DOM-Element vor dem, was wir durch CSS auswählen?
5
CSS - Syntax zum Auswählen einer Klasse innerhalb einer ID
Wie lautet die Selektorsyntax, um ein Tag innerhalb einer ID über den Klassennamen auszuwählen? Was muss ich zum Beispiel unten auswählen, damit das innere "li" rot wird? <html> <head> <style type="text/css"> #navigation li { color: green; } #navigation li .navigationLevel2 { color: red; } </style> </head> <body> <ul id="navigation"> <li>Level …
12
Gute Möglichkeiten zur Verbesserung der Leistung von jQuery Selector?
Gesperrt . Diese Frage und ihre Antworten sind gesperrt, da die Frage nicht zum Thema gehört, aber historische Bedeutung hat. Derzeit werden keine neuen Antworten oder Interaktionen akzeptiert. Ich suche nach einer Möglichkeit, die Selektorleistung eines jQuery-Aufrufs zu verbessern. Speziell solche Dinge: Ist $("div.myclass")schneller als$(".myclass") Ich würde denken, es könnte …
15
Wie aktiviere ich alle Kontrollkästchen mit jQuery?
Ich benötige Hilfe bei jQuery-Selektoren. Angenommen, ich habe ein Markup wie unten gezeigt: <form> <table> <tr> <td><input type="checkbox" id="select_all" /></td> </tr> <tr> <td><input type="checkbox" name="select[]" /></td> </tr> <tr> <td><input type="checkbox" name="select[]" /></td> </tr> <tr> <td><input type="checkbox" name="select[]" /></td> </tr> </table> </form> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet …
7
Welcher JQuery-Selektor schließt Elemente mit einem übergeordneten Element aus, das einem bestimmten Selektor entspricht?
ich habe var $set = $('.foo,.bar').filter( function() {return $(this).parents('.baz').length < 1;}); um alle Elemente auszuwählen, deren Klassen entweder foooder sind barund die nicht von einem Element abstammen, dessen Klasse ist baz. Gibt es einen Selektor, der dasselbe erreicht, ohne dass ein Filter-Lambda erforderlich ist? <div class='foo'/><!--match this--> <div class='bar'/><!--match this--> …
5
Warum funktioniert .class: last-of-type nicht wie erwartet?
Warum funktioniert das nicht? http://jsfiddle.net/84C5W/1/ p{ display: none; } p.visible:last-of-type { display: block; } <div> <p class="visible">This should be hidden</p> <p class="visible">This should be displayed</p> <p class="">This should be hidden</p> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Tatsächlich ist keines meiner <p>Elemente sichtbar. Wenn ich den Verweis …
6
CSS-Animationen mit Verzögerung für jedes untergeordnete Element
Ich versuche, einen Kaskadeneffekt zu erzeugen, indem ich auf jedes untergeordnete Element eine Animation anwende. Ich habe mich gefragt, ob es einen besseren Weg gibt als diesen: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear …
3
: letztes Kind arbeitet nicht wie erwartet?
Das Problem liegt in diesem CSS und HTML. Hier ist ein Link zu jsFiddle mit dem Beispielcode. HTML <ul> <li class"complete">1</li> <li class"complete">2</li> <li>3</li> <li>4</li> </ul> CSS li.complete:last-child { background-color:yellow; } li.complete:last-of-type { background-color:yellow; } Sollte nicht eine dieser CSS-Zeilen auf das letzte li-Element mit der Klasse "complete" abzielen ? …
8
Keine CSS-Selektoren
Gibt es eine Art "nicht" CSS-Selektor? Wenn ich beispielsweise die folgende Zeile in mein CSS schreibe, haben alle Eingabefelder in einem Tag mit dem Klassennamen der Klasse einen roten Hintergrund. .classname input { background: red; } Wie wähle ich alle Eingabefelder aus, die sich AUSSERHALB eines Tags mit Klassenklassenname befinden …
4
Jquery $ (this) Child Selector
Ich benutze dies: jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); Auf der Seitenstruktur: <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> Es funktioniert nur, wenn Sie nicht mehrere Klassen1 / Klasse2-Sets haben, wie: <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.