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.

7
Kann ich: nth-child () oder: nth-of-type () mit einem beliebigen Selektor kombinieren?
Gibt es eine Möglichkeit, jedes n-te Kind auszuwählen , das mit einem beliebigen Selektor übereinstimmt (oder nicht übereinstimmt) ? Zum Beispiel möchte ich jede ungerade Tabellenzeile auswählen, aber innerhalb einer Teilmenge der Zeilen: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row …
116 css  css-selectors 
5
Wählen Sie das erste vorkommende Element nach einem anderen Element aus
Ich habe den folgenden HTML-Code auf einer Seite: <h4>Some text</h4> <p> Some more text! </p> In meinem .csshabe ich den folgenden Selektor, um das h4Element zu formatieren. Der obige HTML-Code ist nur ein kleiner Teil des gesamten Codes. Es gibt mehrere divweitere, die zu einer Schattenbox gehören: #sb-wrapper #sb-wrapper-inner #sb-body …
113 html  css  css-selectors 
4
Was ist der Mouse-Down-Selektor in CSS?
Ich habe festgestellt, dass Schaltflächen und andere Elemente einen Standardstil haben und sich in drei Schritten verhalten: Normalansicht, Hover- / Fokusansicht und Mousedown- / Klickansicht. In CSS kann ich den Stil der Normalansicht und der Hoveransicht folgendermaßen ändern: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } aber wie kann ich …
113 html  css  css-selectors 
8
CSS "und" und "oder"
Ich habe ziemlich große Probleme, weil ich einige Eingabetypen nicht mehr formatieren muss. Ich hatte so etwas wie: .registration_form_right input:not([type="radio") { //Nah. } Aber ich möchte auch keine Kontrollkästchen stylen. Ich habe es versucht: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Wie benutzt man …
4
Sofortige Kinderauswahl in WENIGER
Gibt es sowieso WENIGER, um den unmittelbaren untergeordneten Selektor (>) in seiner Ausgabe anzuwenden? In meinem Stil möchte ich so etwas schreiben wie: .panel { ... > .control { ... } } und WENIGER etwas erzeugen lassen wie: .panel > .control { ... }
112 css  css-selectors  less 
6
Sollte ich für Pseudoelemente die Einzel- oder Doppelpunktnotation verwenden?
Da IE7 und IE8 die Doppelpunktnotation für Pseudoelemente (z. B. ::afteroder ::first-letter) nicht unterstützen und moderne Browser :afteraus Gründen der Abwärtskompatibilität die Einzelpunktnotation (z. B. ) unterstützen, sollte ich nur die Einzelpunktnotation verwenden und wann Der Marktanteil von IE8 sinkt auf ein vernachlässigbares Niveau. Zurückgehen und in meiner Codebasis suchen …
4
CSS3: deaktivierte Pseudoklasse
Ich weiß, dass es eine offizielle CSS3 :checked-Pseudoklasse gibt, aber gibt es eine :uncheckedPseudoklasse, und haben sie die gleiche Browserunterstützung? In der Referenz von Sitepoint wird keine erwähnt, jedoch macht diese whatwg-Spezifikation (was auch immer das ist). Ich weiß, dass das gleiche Ergebnis erzielt werden kann, wenn die Klassen :checkedund …
11
Verwenden des Last-Child-Selektors
Mein Ziel ist es, das CSS auf das letzte anzuwenden li, aber das tut es nicht. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Wie kann ich nur …
106 css  css-selectors 
4
CSS-Auswahl für <input type = “?”
Gibt es eine Möglichkeit mit CSS, alle Eingaben basierend auf ihrem Typ zu zielen? Ich habe eine deaktivierte Klasse, die ich für verschiedene deaktivierte Formularelemente verwende, und ich lege die Hintergrundfarbe für Textfelder fest, aber ich möchte nicht, dass meine Kontrollkästchen diese Farbe erhalten. Ich weiß, dass ich dies mit …
2
CSS-Auswahl für andere als das erste und das letzte Kind
Ich mache eine sehr fortgeschrittene Website. Meine Frage: Ist es möglich, alle anderen Kinder außer dem :first-childund dem auszuwählen :last-child? Ich weiß, dass es einen :not()Selektor gibt, aber er funktioniert nicht mit mehr als einem, der nicht in Klammern steht. Das habe ich: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); …
105 html  css  css-selectors 
10
Auswahl der leeren Texteingabe mit jQuery
Wie identifiziere ich leere Textfelder mit jQuery? Ich würde es gerne mit Selektoren machen, wenn es überhaupt möglich ist. Außerdem muss ich die ID auswählen, da ich im realen Code, in dem ich diese verwenden möchte, nicht alle Texteingaben auswählen möchte. In meinen folgenden zwei Codebeispielen zeigt das erste den …
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.