Articles of selettori di css

In che direzione vengono letti i motori di selezione, esattamente?

Ho sempre creduto (anche se ora dubito della validità di queste credenze) che: div.name Era più veloce di: .name Tuttavia ho letto di recente che molti motori di selettori CSS leggono da destra a sinistra, nel qual caso il primo esempio non sarebbe effettivamente più lento? Come il motore di selezione dovrebbe semplicemente trovare ogni […]

Perché non puoi raggruppare i discendenti in un selettore CSS?

Se vuoi assegnare lo stesso stile a un gruppo di discendenti, perché non c’è un modo semplice per farlo con i CSS? Supponi di avere una tabella HTML come segue: . . . Perché devi modificare tutte le intestazioni e le celle delle colonne con il seguente selettore? #myTable th, #myTable td {} Perché non […]

C’è una soluzione alternativa per rendere le classi CSS con nomi che iniziano con numeri validi?

Si fa riferimento ovunque che le classi CSS con nomi iniziano con numeri non funziona? per esempio ho trovato una class con sfondo come: .000000-8 {background:url(../../images/common/000000-0.8.png);} .8FFFFFF {background:url(../../images/common/FFFFFF-0.8.png);} non funziona nella maggior parte dei browser che ho e la grammatica CSS mostra che, ma la mia domanda è una soluzione per rendere valide le classi […]

Cosa significa + in CSS?

Cosa significa il + in questa regola CSS? h2 + p { font-size: 1.4em; font-weight: bold; color: #777; }

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 […]