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.

6
Warum gibt document.querySelectorAll eine StaticNodeList anstelle eines echten Arrays zurück?
Es nervt mich, dass ich nicht document.querySelectorAll(...).map(...)einmal in Firefox 3.6 etwas tun kann und immer noch keine Antwort finde. Deshalb dachte ich, ich würde die Frage aus diesem Blog auf SO posten: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Kennt jemand einen technischen Grund, warum Sie kein Array erhalten? Oder warum ein StaticNodeList nicht aus einem …
2
CSS Input Type Selectors - Möglicherweise eine "oder" oder "nicht" -Syntax?
Wenn sie in der Programmierung vorhanden sind), Wenn ich ein HTML-Formular mit folgenden Eingaben habe: <input type="text" /> <input type="password" /> <input type="checkbox" /> Ich möchte einen Stil auf alle Eingaben anwenden, die entweder type="text"oder sind type="password". Alternativ würde ich mich mit allen Eingaben zufrieden geben, bei denen type != …
101 html  css  css-selectors 
2
Die CSS-Attributauswahl funktioniert nicht mit einem href
Ich muss die Attributauswahl in CSS verwenden, um den Link für verschiedene Farben und Bilder zu ändern, aber es funktioniert nicht. Ich habe dieses HTML: <a href="/manual.pdf">A PDF File</a> Und diese CSS: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { …
5
Sass kombiniert Eltern mit kaufmännischem Und (&) mit Typselektoren
Ich habe Probleme mit dem Nisten in Sass. Angenommen, ich habe den folgenden HTML-Code: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Wenn ich versuche, meine Stile wie folgt zu verschachteln, wird ein Kompilierungsfehler angezeigt: .item { color: black; a& { color:blue; } } Wie verweise ich auf einen …
5
Was macht ein Sternchen (*) in einem CSS-Selektor?
Ich habe diesen CSS-Code gefunden und ihn ausgeführt, um zu sehen, was er tut, und er hat JEDES Element auf der Seite beschrieben. Kann jemand erklären, was der Asterisk * in CSS macht? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * …
5
Was macht der * * CSS-Selektor?
Vor kurzem stieß ich auf * *in CSS . Site-Referenz - Site-Link . Für eine einzelne *Verwendung im CSS-Stylesheet wird der Internet- und Stapelüberlauf mit Beispielen überflutet, aber ich bin mir nicht sicher, ob zwei * *Symbole in CSS verwendet werden sollen. Ich habe es gegoogelt, konnte aber keine relevanten …
2
CSS-Selektor mit Punkt in ID
Die HTML-Spezifikation erlaubt Punkte (.) In einer ID: <img id="some.id" /> Die Verwendung einer CSS-ID-Auswahlregel stimmt jedoch nicht richtig überein: #some.id { color: #f00; } In der CSS-Spezifikation für ID-Selektoren wird dieser Fall nicht erwähnt. Ich gehe also davon aus, dass die Kombination aus Tag-Name und Klassenauswahl verwendet wird . …
6
: Erstes Kind arbeitet nicht wie erwartet
Ich versuche, die erste h1innerhalb einer divmit einer Klasse namens auszuwählen detail_container. Es funktioniert, wenn h1es das erste Element in diesem ist div, aber wenn es danach kommt ul, wird es nicht funktionieren. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First …
8
Wie füge ich als erstes Kind ein Element ein?
Ich möchte bei jedem Klick auf eine Schaltfläche mit jquery ein div als erstes Element hinzufügen <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>
5
Wie wähle ich mit jQuery das erste übergeordnete DIV aus?
var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. Der Elternteil in der obigen Situation ist ein Ankor. Wenn ich den ersten übergeordneten DIV von $ (this) erhalten möchte, wie würde der Code aussehen? var classes …
3
Wie erstelle ich eine CSS-Regel für alle Elemente außer einer Klasse?
Ich habe ein CSS-Stylesheet für mein Projekt erstellt. Gibt es eine Möglichkeit, eine CSS-Regel zu erstellen, die für alle Tabellenelemente gilt, AUSSER Tabellenelemente, die zur Klasse "dojoxGrid" gehören? Etwas wie: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }
5
Verwenden von querySelector mit IDs, die Zahlen sind
Soweit ich weiß, können Sie mit der HTML5-Spezifikation IDs verwenden, bei denen es sich um solche Zahlen handelt. <div id="1"></div> <div id="2"></div> Ich kann auf diese gut zugreifen, getElementByIdaber nicht mit querySelector. Wenn ich Folgendes versuche, wird SyntaxError: DOM-Ausnahme 12 in der Konsole angezeigt . document.querySelector("#1") Ich bin nur neugierig, …
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.