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.
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
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
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>
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')
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
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
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;
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
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
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
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
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
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
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
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
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
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">
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*/ }
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
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
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
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
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
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
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.
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
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
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"
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:
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.
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;
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
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
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>
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
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',
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
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
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>
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
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
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
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
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
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
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
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;
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
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
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