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.

4
CSS-Auswahl "(A oder B) und C"?
Dies sollte einfach sein, aber ich habe Probleme, die Suchbegriffe dafür zu finden. Nehmen wir an, ich habe Folgendes: <div class="a c">Foo</div> <div class="b c">Bar</div> Wie kann ich in CSS einen Selektor erstellen, der mit etwas übereinstimmt, das mit "(.a oder .b) und .c" übereinstimmt? Ich weiß, dass ich das …
176 html  css  css-selectors 
4
Gibt es einen CSS-Selektor nach Klassenpräfix?
Ich möchte eine CSS-Regel auf jedes Element anwenden, dessen eine Klasse dem angegebenen Präfix entspricht. ZB möchte ich eine Regel, die für div gilt, deren Klasse mit status-(A und C, aber nicht B im folgenden Snippet) beginnt : <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class …
175 css  css-selectors 
6
CSS-Auswahl für das letzte Kind: Wählen Sie das letzte Element einer bestimmten Klasse aus, nicht das letzte Kind innerhalb des Elternteils.
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Ich möchte auswählen #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Das funktioniert nicht, solange ich ein anderes div.somethingals tatsächliches letztes Kind in der Kommentarliste …
175 html  css  css-selectors 
2
Gibt es einen CSS-Selektor für Textknoten?
Was ich tun möchte (natürlich nicht im IE) ist: p:not(.list):last-child + :text { margin-bottom: 10px; } Was einem Textknoten einen Rand geben würde. (Ist das überhaupt möglich?) Wie würde ich den Textknoten mit CSS bekommen?
173 css  css-selectors 
2
CSS letztes Kind (-1)
Ich suche nach einem CSS-Selektor, mit dem ich das vorletzte Kind der Liste auswählen kann. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Statische Methode: ul li:nth-child(5) Dynamische Methode: ul li:last-child(-1) was natürlich nicht validiert, …
161 css  css-selectors 
10
Ein CSS-Selektor, um das letzte sichtbare Div zu erhalten
Eine knifflige CSS-Auswahlfrage, ich weiß nicht, ob es überhaupt möglich ist. Nehmen wir an, dies ist das HTML-Layout: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Ich möchte den letzten auswählen div, der angezeigt wird (dh nicht display:none), der divim gegebenen Beispiel der dritte wäre . Wohlgemerkt, die Anzahl der divs …
161 html  css  css-selectors 
12
jQuery vs document.querySelectorAll
Ich habe mehrmals gehört, dass das stärkste Kapital von jQuery die Art und Weise ist, wie Elemente im DOM abgefragt und bearbeitet werden: Sie können CSS-Abfragen verwenden, um komplexe Abfragen zu erstellen, die in normalem Javascript sehr schwierig zu erstellen wären. Soweit ich weiß, können Sie jedoch mit document.querySelectoroder das …
10
Kann ich alle <H> -Tags mit einem einzigen Selektor ausrichten?
Ich möchte alle h-Tags auf einer Seite als Ziel festlegen. Ich weiß, dass du es so machen kannst ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } Aber gibt es eine effizientere Möglichkeit, dies mit erweiterten CSS-Selektoren zu tun? zB so etwas wie: [att^=h] { font: 32px/42px …
154 css  css-selectors 
9
Wie kann man schreibgeschützte Attribute mit CSS formatieren?
Ich verwende derzeit readonly = "readonly", um Felder zu deaktivieren. Ich versuche jetzt, das Attribut mit CSS zu formatieren. Ich habe es versucht input[readonly] { /*styling info here*/ } aber es funktioniert aus irgendeinem Grund nicht. Ich habe es auch versucht input[readonly='readonly'] { /*styling info here*/ } das funktioniert auch …
150 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.