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.

3
Eingabe von CSS-Pseudoklassen: nicht (deaktiviert) nicht: [type = “submit”]: focus
Ich möchte etwas CSS für Eingabeelemente anwenden und ich möchte dies nur für Eingaben tun, die nicht deaktiviert sind und keinen Übermittlungstyp haben. Unter CSS funktioniert dies nicht. Vielleicht kann mir jemand erklären, wie dies hinzugefügt werden muss. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }
7
Wenden Sie den Stil nur auf die erste Ebene der td-Tags an
Gibt es eine Möglichkeit, den Stil einer Klasse nur auf EINE Ebene von td-Tags anzuwenden? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>
136 css  css-selectors 
2
Wählen Sie das vorletzte Element mit CSS aus
Ich weiß schon von: letztes Kind. Aber gibt es eine Möglichkeit, das div auszuwählen: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> HINWEIS: ohne jQuery nur mit CSS
135 html  css  css-selectors 
2
: after vs. :: after
Gibt es einen funktionalen Unterschied zwischen den CSS 2.1- :afterund den CSS 3 ::after-Pseudoselektoren (außer ::afterdass sie in älteren Browsern nicht unterstützt werden)? Gibt es einen praktischen Grund, die neuere Spezifikation zu verwenden?
5
Ist es möglich, die letzten n Elemente mit dem n-ten Kind auszuwählen?
Mit einer Standardliste versuche ich, die letzten beiden Listenelemente auszuwählen. Ich habe verschiedene Permutationen von, An+Baber nichts scheint die letzten 2 auszuwählen: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing …
130 css  css-selectors 
4
CSS-Pseudoklassen mit Inline-Stilen
Overа этот вопрос есть ответы на Stapelüberlauf на русском : Как прописать: hover внутри style = ''? Ist es möglich, Pseudoklassen mit Inline-Stilen zu haben? Beispiel: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Ich weiß, dass der obige HTML-Code nicht funktioniert, aber gibt es etwas Ähnliches? PS Ich weiß, ich sollte ein externes Stylesheet …
4
Feststellen, ob jQuery kein Element gefunden hat
Ich verwende die Selektoren von jQuery, insbesondere den ID-Selektor: $("#elementId")... Wie soll ich feststellen, ob jQuery das Element gefunden hat oder nicht? Auch wenn das Element mit der angegebenen ID nicht existiert, gibt mir die nächste Anweisung:[object Object] alert($("#idThatDoesnotexist"));
2
Sass und kombinierter Kinderwähler
Ich habe gerade Sass entdeckt und war so aufgeregt darüber. Auf meiner Website implementiere ich ein baumartiges Navigationsmenü, das mit dem untergeordneten Kombinator ( E > F) erstellt wurde. Gibt es eine Möglichkeit, diesen Code mit einer einfacheren (oder besseren) Syntax in Sass neu zu schreiben ? #foo > ul …
125 css  css-selectors  sass 
7
Wie werden die Punkte in der CSS-Spezifität berechnet?
Nach Recherchen zur Spezifität bin ich auf diesen Blog gestoßen - http://www.htmldog.com/guides/cssadvanced/specificity/ Es heißt, dass Spezifität ein Punktesystem für CSS ist. Es sagt uns, dass Elemente 1 Punkt wert sind, Klassen 10 Punkte wert sind und IDs 100 Punkte wert sind. Es heißt auch, dass diese Punkte summiert werden und …
3
Wie verwende ich querySelectorAll nur für Elemente, für die ein bestimmtes Attribut festgelegt wurde?
Ich versuche, document.querySelectorAllfür alle Kontrollkästchen zu verwenden, für die das valueAttribut festgelegt ist. Es gibt andere Kontrollkästchen auf der Seite, die nicht valuefestgelegt wurden, und der Wert ist für jedes Kontrollkästchen unterschiedlich. Die IDs und Namen sind jedoch nicht eindeutig. Beispiel: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> Wie wähle ich nur …
3
Was ist der Unterschied zwischen: erstem Kind und: erstem Typ?
Ich kann den Unterschied zwischen element:first-childund nicht erkennenelement:first-of-type Sagen Sie zum Beispiel, Sie hatten eine Div div:first-child → Alle <div>Elemente, die das erste Kind ihres Elternteils sind. div:first-of-type → Alle <div>Elemente, die das erste <div>Element ihres übergeordneten Elements sind. Dies scheint genau dasselbe zu sein, aber sie funktionieren unterschiedlich. Könnte …
124 css  css-selectors 
10
Verwenden von querySelectorAll zum Abrufen direkter untergeordneter Elemente
Ich kann das: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Das heißt, ich kann erfolgreich alle direkten untergeordneten myDivElemente des Elements mit Klasse abrufen .foo. Das Problem ist, es stört mich, dass ich das #myDivin den Selektor aufnehmen muss, weil ich die Abfrage für das myDivElement …
6
Gibt es ein CSS, das nicht gleich Selektor ist?
Gibt es so etwas wie! = (Nicht gleich) in CSS? zB habe ich folgenden Code: input { ... ... } aber für einige Eingaben muss ich dies aufheben. Ich möchte dies tun, indem ich dem Eingabe-Tag die Klasse "reset" hinzufüge, z <input class="reset" ... /> und überspringen Sie dann einfach …
116 html  css  css-selectors 
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.