Tag: css-selectors

Selektoren sind Muster, die Partie gegen Elemente im Dokument-Baum. In einer CSS-Regel, Sie werden verwendet, um Stile zu definieren, für Elemente, die dem Muster entsprechen.

So wählen Sie 1., 4., 7. element und so weiter?

Anzahl der Antworten 1 Antworten
Wie konnte ich wählen Sie die 1., 4., 7. Elemente und so weiter ?! auch, wie Sie die 3., 6., 9. und so weiter? das Muster auswählen und das element dann aus zwei und der Auswahl des

Tut doppelten id ' s screw up jquery-Selektoren?

Anzahl der Antworten 7 Antworten
Hätte ich zwei divs, die beide mit der id="myDiv" Würde $("#myDiv").fadeOut(); fade beide divs aus? Oder würde es verblassen, nur der erste/zweite? Oder gar keinen? Wie kann ich das ändern das man es ausgeblendet? Hinweis: weiß ich

Wie passend das erste Kind eines Elements nur dann, wenn es nicht vorausgeht, ein text-Knoten?

Anzahl der Antworten 2 Antworten
Ich versuche, passen Sie den h4 ein div (mit jQuery) so, dass ich entfernen können, es ist oberen Rand. Jedoch, ich will nur passen die h4 wenn es kein text drauf. Zum Beispiel mit dieser: <div> <h4>Header</h4>

Scrapy Python kann nicht extrahieren von text aus Klasse

Anzahl der Antworten 1 Antworten
Schauen Sie bitte diesen html-code: <header class="online"> <img src="http://static.flv.com/themes/h5/img/iconos/online.png"> <span>online</span> <img src="http://static.flv.com/themes/h5/img/iconos/ojo16.png"> 428 <p>xxfantasia</p> </header> Möchte ich, um den text hinein (428, in diesem Fall). Ich habe diese: def parse(self, response): sel = Selector(response) cams = sel.css('header.online')

Definieren Sie Stile für Elemente, die unmittelbar vor und nach einem element CSS

Anzahl der Antworten 2 Antworten
Habe ich die Suche für die letzten Stunden zu finden, den richtigen CSS-Selektor (oder zumindest, um herauszufinden, ob eines vorhanden ist), style-Elemente in das DOM unmittelbar vor und nach einem element. Im moment habe ich eine ul

ausblenden Grenze, wenn es keine Inhalte

Anzahl der Antworten 2 Antworten
Auf ein div habe ich css festgelegt: div.class {border: 1px solid red;} Div ist absolut positioniert in der Mitte der Seite. Das problem ist, dass die Grenze auch angezeigt, wenn es keine Inhalte. Alle css-Methoden, um die

nth-child(odd) funktioniert nicht wie erwartet

Anzahl der Antworten 5 Antworten
Warum muss jede Zeile einen roten hintergrund wenn ich mit nth-child(odd)? <div id="ClientTable"> <div class="ClientTableHeaderRow"><span class="ClientTableHeaderColumn">Full Name</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> </div>​ #ClientTable {position: relative;

CSS-Selektor für alle Spalten der Tabelle größer als nth-of-type(2)?

Anzahl der Antworten 4 Antworten
Meine aktuellen CSS-wählt die 2. Spalte: tr td:nth-of-type(2) { padding-left:20px; width:100px; background-color:yellow; } Wie kann ich Ziel, alle Spalten nach dem 2.? InformationsquelleAutor HelloWorld | 2013-06-17

Watir::Exception::MissingWayOfFindingObjectException: ungültiges Attribut: :css

Anzahl der Antworten 2 Antworten
Ich bin mir ziemlich sicher, watir-webdriver hatte css selector support, aber wie es aussieht, ist nicht mehr da: $ ruby -v ruby 1.9.3p0 (2011-10-30 revision 33570) [x86_64-darwin11.2.0] $ gem -v 1.8.15 $ gem list selenium-webdriver *** LOCAL

CSS-Selektor, class-a, aber nicht b-Klasse

Anzahl der Antworten 4 Antworten
Ich habe versucht, alle möglichen Dinge, aber ich glaube, ich bin immer zu kompliziert und es sogar geschafft, sich chrome zu hängen mit meiner Auswahl. Ich bin sicher, es gibt eine einfache Möglichkeit, dies zu tun Wählen

CSS Performance zwischen Klasse und Attribut-Selektoren

Anzahl der Antworten 4 Antworten
Frage ich mich, ob es gibt ein performance-Problem mit Attribut-Selektoren anstelle der class-Selektoren. div.test {} div[test] {} P. S. : ich bin nur daran interessiert, die CSS-performance, nicht JS. InformationsquelleAutor Tot | 2014-03-09

Was ist der Unterschied zwischen CSS3 ist :root-Pseudoklasse und html?

Anzahl der Antworten 3 Antworten
Ich kann nicht scheinen, um herauszufinden, viele Informationen über diese. Das Smashing Magazine scheint zu sagen, dass html und :root sind die gleiche Sache, aber sicherlich muss es einen kleinen Unterschied? InformationsquelleAutor sanjaypoyzer | 2013-04-09

Eine Kombination von und-UND ODER-in jQuery-Selektoren

Anzahl der Antworten 3 Antworten
Ich habe einen jQuery-Selektor mit der folgenden syntax: $('input[type=image]').not('.xyzClass').click(function{ //some functionality }); So stellt diese eine bestimmte Klick-Funktionalität für alle Komponenten, die vom Typ Bild und keine Klasse xyzClass. *****Habe ich geändert, die Frage zu reflektieren, neueste

css-Selektor für die erste Zeile in einer Tabelle

Anzahl der Antworten 3 Antworten
Ich brauche ein css-Selektor für die erste <tr> im <table>. Hatte ich gesucht im internet und habe einige Selektoren wie tr:first-child table *:first-child tr:first-child, table tr:first-child. Aber Sie tun es nicht funktioniert auf meine situation... Hier ist

Mit CSS-only: Wählen Sie das erste auftreten der Klasse während ganze Dokument

Anzahl der Antworten 2 Antworten
Wir haben einen DOM, wie diese: <div class="outer"> <div class="inner"> <!--//No "copyright" in this node //--> <div class="content">...</div> </div> <div class="inner"> <div class="content">...</div> <div class="copyright">...</div> <!--//DISPLAY THIS ONE //--> </div> <div class="inner"> <div class="content">...</div> <div class="content">...</div> <div

Körper.innerHTML vor/nach nth-child

Anzahl der Antworten 2 Antworten
Ist es möglich, etwas mit innerHTML vor/nach dem x-TEN Kind von <body>? z.B.: <html> <head></head> <body> <div id="first">First</div> <div id="second">Second<div id="second_sub"></div></div> <div id="third">Third</div> </body> </html> Kann ich hinzufügen, am Anfang mit body.innerHTML = html + body.innerHTML und

CSS Kind-Selektor (>) funktioniert nicht mit IE

Anzahl der Antworten 3 Antworten
Den folgenden CSS funktioniert auch unter firefox aber nicht unter IE-browser, Warum? Auch, wie kann ich nur die Elemente, die sich direkt unter dem übergeordneten element beeinflusst werden, indem CSS? CSS: .box{font:24px;} .box>div{font:18px} .box>div>div{font:12px;} HTML: <div class="box">

definieren Sie ein CSS3 Attribut-Selektoren in css weniger

Anzahl der Antworten 3 Antworten
Ich versuche zu tun, eine Bestellung im Zusammenhang mit der CSS3 Attribut-Selektoren mit weniger css... Was ich versuche zu tun ist, habe ich dieses folgende Klasse im Einsatz ist in meinem code:- *[class^="ui-icon-"] { /*My Styles*/ }

CSS - Ist es möglich, wählen Sie mehrere verschiedene child-Elemente innerhalb einer übergeordneten, ohne zu wiederholen, die Eltern?

Anzahl der Antworten 2 Antworten
Ich habe scharren über CSS-Selektoren den ganzen Nachmittag in einem Versuch, eine Antwort zu finden, denn es scheint so einfach, aber ich kann nicht für das Leben von mir finden keine Lösung. Gegeben, eine ähnliche Struktur: <div

Nehmen last-Kind statt erste Kind auf die einzige Zeile in der Tabelle

Anzahl der Antworten 2 Antworten
Habe ich folgende CSS: table tbody tr:last-child td { padding-top: 7px; border-bottom: 0; } table tbody tr:first-child td { padding-top: 6px; } Nun, ich kann eine Tabelle mit nur einer Zeile. Die einzige Zeile in der Tabelle

Wählen Sie Elemente mit leeren oder nicht-spezifizierten Attribut

Anzahl der Antworten 3 Antworten
Nehmen Sie die folgenden, schematischen html-code: <div> <span id='1' cust-attr='' /> <span id='2' /> <span id='3' cust-attr='Foo' /> </div> Nun ich bin auf der Suche nach einem Selektor finden Sie alle spans, die nicht über ein Attribut

Wenn input :focus, dont trigger :hover-styles

Anzahl der Antworten 5 Antworten
Ich bekam eine Eingabe, die ich gestylt mit einem :focus und :hover. Wenn die Eingabe :focus ich nicht wollen, um die :hover Stil ausgelöst, wenn ich die Maus über dem Eingang. Wie soll ich den Stil? Mein

Leichte alternative zu jQuery für die Klasse / id auswählen

Anzahl der Antworten 6 Antworten
Lassen Sie uns sagen, das ich bauen will ein nicht-abhängig-javascript-framework/script. Gibt es eine Möglichkeit zu nutzen jQuery ist erstaunlich, Klassen-und element-Auswahl-Funktionalität $('.this') or $('#this') or $('div', '.this') Ohne abhängig zu sein von jQuery oder die Verwendung von

Die Meisten Effiziente CSS-Selektor: Header-Tag, Klasse oder ID?

Anzahl der Antworten 2 Antworten
So wie es momentan steht, diese Frage ist nicht eine gute Passform für unsere Q&A-format. Wir erwarten Antworten auf Tatsachen gestützt, Referenzen und know-how, aber diese Frage wird wahrscheinlich werben Debatte, Argumente, polling, oder erweiterte Diskussion. Wenn

JQuery how to select next id mit Selektor

Anzahl der Antworten 2 Antworten
Html: <div id="videos"> <a href="javascript:loadAndPlayVideo('QXoIMTjk9Xg')"><img src="http://i.ytimg.com/vi/QXoIMTjk9Xg/default.jpg" id="thumb_QXoIMTjk9Xg"></a> <a href="javascript:loadAndPlayVideo('nWubfMkDfVs')"><img src="http://i.ytimg.com/vi/nWubfMkDfVs/default.jpg" id="thumb_nWubfMkDfVs"></a> <a href="javascript:loadAndPlayVideo('S3WDKXq36WI')"><img src="http://i.ytimg.com/vi/S3WDKXq36WI/default.jpg" id="thumb_S3WDKXq36WI"></a> <a href="javascript:loadAndPlayVideo('sGrfLQVVI8A')"><img src="http://i.ytimg.com/vi/sGrfLQVVI8A/default.jpg" id="thumb_sGrfLQVVI8A"></a> </div> Das problem: Wir haben die id 'nWubfMkDfVs " und wir müssen wissen, die nächste ID um playlist-Funktionalität.

CSS: last-child des parent

Anzahl der Antworten 1 Antworten
:last-child Super funktioniert, wenn alle "Kinder" die Elemente sind die gleichen (dh: alle <p>'s oder alle <li>'s und die Regel angewendet wird, um diese Art von Kind. Aber wie kann ich mithilfe von CSS-wählen Sie das Letzte

Java - Mehrere Selektoren in mehreren threads für nicht blockierende sockets

Anzahl der Antworten 2 Antworten
Ich Schreibe eine Java Anwendung, mit der Objekte instanziieren einer Klasse repräsentieren Kunden, die angeschlossenen und registrierten mit einem externen system auf der anderen Seite meiner Anwendung. Jedes client-Objekt hat zwei verschachtelte Klassen innerhalb es, stellvertretend für

Rahmenfarbe ändern auf hover

Anzahl der Antworten 4 Antworten
Ich habe versucht, erstellen Sie eine border-color ändern, hover-Effekt mit CSS und etwas scheint nicht zu funktionieren. Hier ist mein code: Markup: <ul> <li class="hover"> <img src="img/content/lighter.png" alt="lighter"/> <p>Discusing Strategy</p> </li> <li class="triangle"></li> <li class="hover"> <img src="img/content/wrench.png"

Android-Selektor für das gewählte Element nicht funktioniert

Anzahl der Antworten 2 Antworten
Ich habe eine listview, wo ich will, zu markieren ausgewählten Elemente in einem benutzerdefinierten Weise. Ich bin der Einstellung jedes Element Eigenschaften des Adapters getView Methode, einschließlich itemView.setSelected(true). Den Haupt-layout definiert die listview in der folgenden Weise:

Kann ich einen Stil, um alle pseudo-Selektoren in CSS oder Sass?

Anzahl der Antworten 1 Antworten
Ist es möglich, Stil für alle anchor-Tags pseudo-Selektoren mit CSS oder Sass? Etwas wie a:* { color: #900; } statt a { &:hover, &:link, &:active, &:visited { color: #900; } } Ich will einfach nur zurücksetzen standard-styling.

Wie man richtig anwenden einer CSS-Stil, um alle Bilder in einem div mit einer bestimmten Klasse?

Anzahl der Antworten 2 Antworten
Ich habe Folgendes HTML: <div class="group-item"> <a href="profile.html"> <img src="resources/img/icons/projects/wifi.png"> </a> </div> Ich versuche, legen Sie die CSS-Eigenschaft des img - tag innerhalb des div mit class="group-item" auf diese Weise: .groups-item img { float: left; margin-right: 15px;

JQuery: Mit :nicht nur(.aktiv) Auswahl und hinzufügen einer Aktiven Klasse, um den ausgewählten Gegenstand

Anzahl der Antworten 2 Antworten
Ich bin neu in Javascript und habe ein bisschen ein Problem bei der Verwendung einer NICHT-Selektor, und das hinzufügen einer Klasse, während die Funktion, die hoffentlich in diesem Sinn, jemand. Ich Schaffe eine kleine Galerie, und mein

beste Weg, um entdecken ein element auf einer web-Seite für seleniumRC in java

Anzahl der Antworten 5 Antworten
Was ist der beste Weg zu erkennen, ein element auf einer Webseite für die automatisierte Prüfung mit SeleniumRC mit Java?. Ich weiß, dass es XPath-Elemente und CSS-Elemente, aber welches ist am besten? Dank! Nitin ohne use-case wird

nth-child funktioniert nicht wie erwartet

Anzahl der Antworten 1 Antworten
Wenn ich divs zusammen mit den Objekten, die ich benutze nth-child auf, es scheint Ihr zu bekommen buggy. Werde ich für jede Hilfe dankbar, mit diesem. <html> <style> .documents > a:nth-child(2) { border:1px solid red; } </style>

HTML-select-box, wie kann ich verschieben/kopieren der ausgewählten Optionen, die von einem <select> zu einem anderen

Anzahl der Antworten 4 Antworten
Kann ich nicht machen, dieses kleine script arbeiten: Fiddle Möchte ich weitergeben ausgewählten Optionen aus Mehrfach-Auswahl zu einer anderen Verwendung der Tasten. Ich denke, es ist ein problem mit jQuery-Selektor, wenn Sie versuchen, um alle zu markieren

jquery .nicht die ersten oder letzten

Anzahl der Antworten 6 Antworten
$('a').not(':first').not(':last').css('z-index', '90'); tun. Ich habe problem mit dieser. jede Anregung? Wirklich schlecht dewsciption problem: "ich bin mit problem mit dieser". wo ist genau das problem. denn für mich ist es Arbeit versuchen Sie es mit diesem $('a:not(:first):not(:last)').css('z-index',

Wie wähle ich die Elemente innerhalb von #Dokument in CSS?

Anzahl der Antworten 3 Antworten
Ich versuche mit dem hintergrund-Bild des äußeren <body> - tag in CSS: <html> <body> ... #document <html> <body> </body> </html> ... </body> </html> Aber ich kann auch nicht scheinen, wählen Sie eine der <body> - tags, ohne

Kann ich ein Ziel :vor-oder :after-pseudo-element mit einem sibling combinator?

Anzahl der Antworten 2 Antworten
Gibt es einen Grund, warum das CSS nicht funktioniert? http://jsfiddle.net/6v5BZ/ a[href^="http"]:after { content:""; width:10px; height:10px; display:inline-block; background-color:red; } a[href^="http"] img ~ :after { display:none; } .. auf dieser HTML-Seite? <a href="http://google.com">Test</a> <a href="http://google.com"> <img src="https://www.google.com/logos/classicplus.png"> </a> Die

CSS-Selektor zu finden, <select> mit angegeben <option> - label

Anzahl der Antworten 3 Antworten
Ich brauche einen CSS-Selektor wählt ein <select> element enthält es einen <option> enthält oder ist gleich (beide würde mit meinen Anforderungen) einen festgelegten text. Beispiel HTML: <select name="foo"> <option value="1">First</option> <option value="2">Second</option> </select> Möchte ich die <select>

Ändern element Stil auf Geschwister-hover mit CSS

Anzahl der Antworten 3 Antworten
Habe ich die folgende Struktur: <div id="e1"> <h1>Header</h1> <div id="main">text text text text</div> <div id="footer">something</div> </div> Und ich will die <h1> blau zum Beispiel, wenn der Fuß schwebte. Ich weiß, ich Mach es mit Javascript, aber ich

Komplikationen mit Selen die GetAttribute-Methode

Anzahl der Antworten 2 Antworten
Ich habe vor kurzem versucht, auf selenium RC ist GetAttribute Methode, sondern rannte sofort zu einer Herausforderung. Ich habe versucht, führen Sie ein sehr einfaches selenium.GetAttribute("//a/@href") aber den code warf einen SeleniumException mit der Meldung "ERROR: could

CSS-Selektor nicht funktioniert?

Anzahl der Antworten 3 Antworten
Hey Jungs, vielen Dank im Voraus für jede Hilfe oder input. Ich habe Schwierigkeiten zu verstehen, CSS-Selektoren und ich habe gelesen, was die docs.. Ich versuche beziehen sich auf die UL mit der id dropdown in meinem

CSS div#id was für?

Anzahl der Antworten 6 Antworten
in einige CSS-code, den ich fand heraus, diese Art von Selektor div#someid Ist das formal korrekt? Wenn die Antwort auf 1) JA ist, was ist die Notwendigkeit für die div - Selektor vor dem #someid, sollte nicht

CSS-combinator Vorrang?

Anzahl der Antworten 3 Antworten
Gibt es eine Rangfolge zu combinators wie a > b ~ c d (Beachten Sie das Leerzeichen zwischen c und d ist der Nachkomme combinator) Oder ist es nur ein Lesen von Links nach rechts, wie ((a

hinzufügen von css-Inhalten text im 'leeren' divs

Anzahl der Antworten 1 Antworten
Sehen diese Geige: http://jsfiddle.net/xanld/3yh28/ div:before { content: 'This div is empty'; } div:empty { background:red; } Ich möchte noch hinzufügen, css-Inhalt zu leeren divs nur. Ich kann entweder die :leeren selector, aber ich muss an die :vor

Mit Schrägstrich als ID-Attribut

Anzahl der Antworten 1 Antworten
Gerade entdeckt, dass Sie verwenden können (alle?) unicode-Zeichen als ID-Attribute, und das eröffnet eine ganze neue Welt für meinen Teil. Aber ich versuche mit dem ID-Attribut zu /name , und es will nicht funktionieren. Hier ist, was

Marge auf jedes element außer Letzte

Anzahl der Antworten 3 Antworten
Habe ich 2 Zeilen CSS für die Einstellung Marge auf jedes element bis auf das Letzte. Gibt es eine Möglichkeit, kombinieren Sie es in 1 Zeile? Dies ist, was ich derzeit habe(Arbeit): .work img { margin-right: 10px;

Wie bekomme ich den index des aktuellen Elements in Bezug auf das übergeordnete element mit jQuery?

Anzahl der Antworten 4 Antworten
Ich versuche, um den index des aktuellen Elements innerhalb <ul id="navbar"> <li><a href="#a">Link</a></li> <li><a href="#b">Link</a></li> <li><a href="#c">Link</a></li> <li><a href="#d">Link</a></li> <li><a href="#e">Link</a></li> </ul> Ich bin mit jQuery und haben die Summe einfach durch die Verwendung $('ul#navbar').children().length; Wie bekomme

Wie machen :focus, :active die gleiche wie :hover

Anzahl der Antworten 2 Antworten
Gibt es eine einfache Art und Weise machen :konzentrieren Sie sich & :aktives Verhalten, als :hover? Normalerweise Schreibe ich: .class a:hover, .class a:active, .class a:focus {...} Aber ich würde gerne schreiben, nur einen einzigen :hover-Regel und :focus

Was ist der Unterschied in der Anwendung von CSS auf html, body, und der universal-Selektor *?

Anzahl der Antworten 1 Antworten
Wie sind diese drei verschiedenen Regeln, wenn Sie angewendet werden, um die gleiche HTML-Dokument? html { color: black; background-color: white; } body { color: black; background-color: white; } * { color: black; background-color: white; } genauso, mit