Articles of selettori di css

Seleziona tutti gli elementi figlio in modo ricorsivo in CSS

Come puoi selezionare tutti gli elementi figlio in modo ricorsivo? div.dropdown, div.dropdown > * { color: red; } Questa class getta solo una class sul className definito e tutti i bambini immediati. Come puoi, in un modo semplice, scegliere tutti i childNodes come questo: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > […]

CSS: Come dire .class: last-of-type

Possibile duplicato: Come faccio a selezionare “ultimo figlio” con un nome di class specifico in CSS? Come dice il titolo, voglio indirizzare le regole css sull’ultimo elemento di un certo tipo che ha una certa class. Il seguente codice funziona perfettamente: div:last-of-type { margin-right:0; } ma voglio qualcosa di simile div.class:last-of-type { margin-right:0; } Come […]

Cosa fa un in CSS?

Ho usato CSS in precedenza e mi sono imbattuto nel sotto stile CSS, non ho idea di cosa faccia. a[href^=”http:”] { background: url(img/keys.gif) no-repeat right top; } a[href^=”http://mysite.com”], a[href^=”http://www.mysite.com”] { background-image: none; padding-right:0; }

Nei CSS qual è la differenza tra “.” E “#” quando si dichiara un insieme di stili?

Qual è la differenza tra # e . quando si dichiara un insieme di stili per un elemento e quali sono le semantiche che entrano in gioco quando si decide quale usare?

Selettore CSS per selezionare il primo elemento di una determinata class

Sto provando a selezionare un primo elemento della class ‘A’ in un elemento con ID o class ‘B’. Ho provato una combinazione di selettori> + e first-child, poiché non è un primo elemento all’interno dell’elemento di class ‘B’. Ha funzionato, ma … sto cercando di sovrascrivere alcuni css predefiniti e non ho alcun controllo sul […]

Come posso selezionare un ennesimo figlio senza conoscere l’elemento genitore?

Non riesco a capire un modo per selezionare l’ennesimo elemento, l’ultimo elemento o il primo elemento nei casi in cui non conosco l’elemento genitore. esiste nth-child , ma solo per i bambini, ad esempio: One Two p:last-child seleziona il paragrafo “Two” e p:first-child seleziona il paragrafo “One”. Ma che dire di quando ho un codice […]

Perché il selettore h3: nth-child (1): contiene (‘a’) non funziona?

Controllo questo selettore: h3:nth-child(1):contains(‘a’) il selettore non funziona? Controllo questo in firefinder e non restituisce nulla (non informazioni che non ci sono elementi) Quindi controlla questo: h3:nth-child(1) e restituisce h3, quindi il selettore è quasi buono, ma qualcosa con questo testo (h3 ha testo ‘a’) non funziona.

Cosa significa “i” in un selettore di attributi CSS?

Ho trovato il seguente selettore CSS nel foglio di stile dell’agente utente di Google Chrome: [type=”checkbox” i] Cosa intendo?

Qual è la differenza tra: first-child e: first-of-type?

Non posso dire la differenza tra element:first-child e element:first-of-type Ad esempio, dì, hai avuto un div div:first-child → Tutti gli elementi che sono il primo figlio del genitore. div:first-of-type → Tutti gli elementi che sono il primo elemento del genitore. Sembra la stessa identica cosa, ma funzionano diversamente. Qualcuno potrebbe spiegare per favore?

Usando il selettore ultimo figlio

Il mio objective è applicare il CSS sull’ultimo li , ma non lo fa. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } abcde xyz Come posso selezionare solo l’ultimo figlio?