Programmierung css-selectors

11

Wie kann ich alle trElemente außer dem ersten trin einer Tabelle mit CSS auswählen ? Ich habe versucht, diese Methode zu verwenden, aber festgestellt, dass sie nicht funktioniert hat.

257 css css-selectors

2

Wie wähle ich die Bezeichnung für = "XYZ" in CSS aus?

HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Ich möchte die Beschriftung basierend auf dem Attribut 'für' auswählen, um Layoutänderungen vorzunehmen.

256 css css-selectors

4

Wählen Sie jedes N-te Element in CSS aus

Ist es möglich, beispielsweise jedes vierte Element in einer Reihe von Elementen auszuwählen? Bsp.: Ich habe 16 <div>Elemente ... Ich könnte so etwas schreiben. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Gibt es einen besseren Weg, dies zu tun?

242 css css-selectors

8

Wenden Sie den CSS-Stil auf untergeordnete Elemente an

Ich möchte Stile nur auf die Tabelle innerhalb des DIV mit einer bestimmten Klasse anwenden: Hinweis: Ich würde lieber einen CSS-Selektor für untergeordnete Elemente verwenden. Warum funktioniert die Nummer 1 und die Nummer 2 nicht? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, …

232 css css-selectors

9

CSS3-Selektor: First-of-Type mit Klassennamen?

Ist es möglich, mit dem CSS3-Selektor :first-of-typedas erste Element mit einem bestimmten Klassennamen auszuwählen? Ich war mit meinem Test nicht erfolgreich, also denke ich, dass es nicht so ist? Der Code ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should …

230 css css-selectors

4

Bei Klassennamen in CSS-Selektoren wird zwischen Groß- und Kleinschreibung unterschieden?

Ich lese überall, dass CSS nicht zwischen Groß- und Kleinschreibung unterscheidet, aber ich habe diesen Selektor .holiday-type.Selfcatering was, wenn ich es in meinem HTML verwende, so aufgegriffen wird <div class="holiday-type Selfcatering"> Wenn ich den obigen Selektor so ändere .holiday-type.SelfCatering Dann wird der Stil nicht aufgegriffen. Jemand erzählt Lügen.

229 html css css-selectors

9

Wie kombiniere ich Klasse und ID in der CSS-Auswahl?

Wenn ich folgendes div habe: <div class="sectionA" id="content"> Lorem Ipsum... </div> Gibt es eine Möglichkeit, einen Stil zu definieren, der die Idee "Ein Div mit id='content'UND class='myClass'" ausdrückt ? Oder haben Sie einfach den einen oder anderen Weg wie in <div class="content-sectionA"> Lorem Ipsum... </div> Oder <div id="content-sectionA"> Lorem Ipsum... …

221 css css-selectors

9

Was ist in CSS der Unterschied zwischen "." und "#" beim Deklarieren einer Reihe von Stilen?

Was ist der Unterschied zwischen #und .beim Deklarieren einer Reihe von Stilen für ein Element und welche Semantik spielt bei der Entscheidung, welche verwendet werden soll, eine Rolle?

217 css css-selectors

3

Was ist der Unterschied zwischen * und * | * in CSS?

Stimmt in CSS *mit jedem Element überein. Wird häufig *|*verwendet, anstatt *alle Elemente abzugleichen. Dies wird im Allgemeinen zu Testzwecken verwendet. Was ist der Unterschied zwischen *und *|*in CSS?

211 css css-selectors namespaces

5

Was ist die Syntax für den Selektor in CSS für das nächste Element?

Wenn ich ein Header-Tag habe <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } und danach habe ich einen Absatz <p>stuff here</p>. Wie kann ich mithilfe von CSS sicherstellen, dass jedes <p>Tag, das dem folgenden folgt h1.hc-reform, verwendet wird:clear:both; wäre das: h1.hc-reform > p{ clear:both; } Aus irgendeinem Grund …

200 html css css-selectors siblings

4

Wie bringt man CSS dazu, eine ID auszuwählen, die mit einer Zeichenfolge beginnt (nicht in Javascript)?

Wenn der HTML-Code folgende Elemente enthält: id="product42" id="product43" ... Wie kann ich all diese IDs abgleichen, die mit "Produkt" beginnen? Ich habe Antworten gesehen, die dies genau mit Javascript tun, aber wie geht das nur mit CSS?

192 html css css-selectors

4

Was ist dieser CSS-Selektor? [class * = "span"]

Ich habe diesen Selektor in Twitter Bootstrap gesehen: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Weiß jemand, wie diese Technik heißt und was sie tut?

190 css css-selectors

6

Winkel 2: Wie wird das Host-Element der Komponente formatiert?

Ich habe eine Komponente in Angular 2 namens my-comp: <my-comp></my-comp> Wie formatiert man das Host-Element dieser Komponente in Angular 2? In Polymer würden Sie den Selektor ": host" verwenden. Ich habe es in Angular 2 versucht. Aber es funktioniert nicht. :host { display: block; width: 100%; height: 100%; } Ich …

188 css angular css-selectors angular-components

9

Kann ich einen CSS-Stil auf einen Elementnamen anwenden?

Ich arbeite derzeit an einem Projekt, bei dem ich keine Kontrolle über den HTML-Code habe, auf den ich CSS-Stile anwende. Und der HTML-Code ist nicht sehr gut beschriftet, da nicht genügend ID- und Klassendeklarationen vorhanden sind, um zwischen Elementen zu unterscheiden. Daher suche ich nach Möglichkeiten, wie ich Stile auf …

176 html css css-selectors

3

Kombinieren Sie: nach mit: schweben

Ich möchte :aftermit :hoverin CSS (oder einem anderen Pseudo-Selektor) kombinieren . Ich habe im Grunde eine Liste und das Element mit der selectedKlasse hat eine Pfeilform, die mit angewendet wird :after. Ich möchte, dass das Gleiche für Objekte gilt, über die man schwebt, die ich aber nicht zum Laufen bringen …

176 css css-selectors pseudo-element

Als «css-selectors» getaggte Fragen