Domande taggate «css-selectors»

I selettori sono motivi che corrispondono a elementi di un albero di documenti. In una regola CSS, vengono utilizzati per definire gli stili per gli elementi che corrispondono al modello.

2
Seleziona tutti gli elementi figlio in modo ricorsivo nei CSS
Come puoi selezionare ricorsivamente tutti gli elementi figlio? div.dropdown, div.dropdown > * { color: red; } Questa classe genera solo una classe sul className definito e su tutti i figli immediati. Come puoi, in modo semplice, scegliere tutti i nodi figlio in questo modo: div.dropdown, div.dropdown > *, div.dropdown > …
407 css  css-selectors 
8
CSS: not (: last-child): dopo il selettore
Ho un elenco di elementi, che sono in questo modo: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Esegui snippet di codiceNascondi risultatiEspandi frammento Output One | Two | Three | Four | Five …
3
Seleziona l'elemento in base a più classi
Ho una regola di stile che voglio applicare a un tag quando ha due classi. Esiste un modo per eseguire ciò senza JavaScript? In altre parole: <li class='left ui-class-selector'> Voglio applicare la mia regola di stile solo se lisono state applicate entrambe .lefte le .ui-class-selectorclassi.
360 css  css-selectors 
10
jQuery primo figlio di "questo"
Sto cercando di passare "questo" da un intervallo di clic a una funzione jQuery che può quindi eseguire jQuery sul primo figlio dell'elemento selezionato. Non riesco a farlo bene ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } Come posso fare riferimento a: first-child of element?
6
Esiste un selettore CSS solo per il primo figlio diretto?
Ho il seguente HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> E il seguente stile: DIV.section DIV:first-child { ... } Per qualche ragione che non capisco lo stile è sempre applicata ai "contenuti sub 1" <div> così come il "colpo di testa" <div> . …
315 html  css  css-selectors 
7
Il CSS può rilevare il numero di figli di un elemento?
Probabilmente sto rispondendo alla mia domanda, ma sono estremamente curioso. So che i CSS possono selezionare singoli figli di un genitore, ma esiste un supporto per lo stile dei figli di un contenitore, se il suo genitore ha un certo numero di figli. per esempio container:children(8) { // style the …
304 css  css-selectors 
7
Selettori CSS vs Discendenti
Sono un po 'confuso tra questi 2 selettori. Il selettore discendente : div p seleziona tutto pall'interno divdi un discendente immediato o no? Quindi, se pè dentro un altro div, sarà comunque selezionato? Quindi il selettore figlio : div > p Qual è la differenza? Un bambino significa bambino immediato …
298 css  css-selectors 
5
Specifica più selettori di attributo nei CSS
Qual è la sintassi per fare qualcosa del genere: input[name="Sex" AND value="M"] Fondamentalmente, voglio selezionare l' inputelemento che ha l'attributo name="Sex"e l'attributo value="M": <input type="radio" name="Sex" value="M" /> Elementi come i seguenti non devono essere selezionati: <input type="radio" name="Sex" value="F" />
9
Come posso stile elementi pari e dispari?
È possibile utilizzare le pseudo-classi CSS per selezionare istanze pari e dispari di voci di elenco? Mi aspetto che quanto segue produca un elenco di colori alternati, ma invece ottengo un elenco di elementi blu: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red …
281 html  css  css-selectors 
4
Come posso applicare gli stili a più classi contemporaneamente?
Voglio che due classi con nomi diversi abbiano la stessa proprietà nei CSS. Non voglio ripetere il codice. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Esegui snippet di codiceHide resultsEspandi frammento Poiché entrambe le classi stanno facendo la stessa cosa, dovrei essere in grado di …
277 css  css-selectors 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.