Articles of selettori di css

Selettore CSS per nomi di attributi basati su un carattere jolly

Recentemente ho fatto un po ‘di studi sui selettori CSS e mi sono imbattuto in una domanda riguardante i nuovi attributi “data- *”. Capisco che per selezionare elementi con un attributo di dati ci sono alcuni modi per farlo: [data-something=’value’]{…} // data-something has value = ‘value’ [data-something^=’value’]{…} // data-something has value that STARTS with ‘value’ […]

Zebra che striscia una tabella con righe nascoste usando CSS3?

Ho un tavolo             Sto cercando di impostare lo striping della tabella per utilizzare i selettori nth-child, ma non riesco a farlo. table #mytable tr[@display=block]:nth-child(odd) { background-color: #000; } table #mytable tr[@display=block]:nth-child(odd) { background-color: #FFF; } Sono quasi sicuro di essere vicino … non riesco proprio a decifrarlo. qualcuno passa […]

Perché gli spazi sono usati per separare le cose in css

Ecco qualcosa in un foglio di stile di wordpress che non capisco: blockquote cite, blockquote em, blockquote i { font-style: normal; } cosa fa lo spazio tra blockquote e cite? Capisco se sono separati da una virgola, quindi sia blockquote che cite avranno “font-style: normal;” ora sono separati dallo spazio, questo significa che se un […]

Esiste un selettore CSS “tutto compreso”?

Il mio HTML: Doggies Froggies Cupcakes Piggies Un selettore di fratello all inclusive (come vorrei che fosse), quando usato per selezionare i fratelli di green_guys, selezionerebbe i cupcake ei piggies dei cagnolini. Altri selettori: Il selettore + (alias selettore fratello adiacente ) selezionava solo i cupcakes: .green_guys + p { /* selects the element that […]

nth-child per ogni due righe di tabella

Devo rendere ogni due file del mio tavolo grigio e preferirei usare l’nth-child se ansible. Ho fatto i conti con il tester nth-child di Chris Coyier, ma non riesco ancora a capirlo . Ho bisogno della seguente formula: 1,2 – grey 3,4 – white 5,6 – grey 7,8 – white 9,10 – grey e così […]

Cosa significa il punto nel CSS?

Qualcuno può spiegare la differenza per questi due selettori CSS? .work-container . h3 { font-size: 14px; margin-top: 0px; font-weight: 600; height: 27px; } Qual è il punto in più nella definizione superiore? .work-container h3 { font-size: 14px; margin-top: 0px; font-weight: 600; height: 27px; }

Selettore CSS: elemento con un determinato figlio

Sto cercando di creare un selettore che selezionerà tutti gli elementi se hanno un elemento figlio specifico. Ad esempio, seleziona tutto con un child . Possibile?

Puoi scegliere come target un elemento con CSS solo se sono presenti 2 classi?

Come probabilmente già saprai, potresti avere più classi su elementi separati da uno spazio. Esempio E con i CSS puoi .content come target quel div con .content o .content . C’è un modo per mirare se e solo se sono presenti entrambe le classi? Esempio I want this div I don’t care about this one […]

Precedenza del combinatore CSS?

C’è una precedenza ai combinatori come a > b ~ cd (Nota lo spazio tra c e d è il combinatore discendente) O è solo leggere da sinistra a destra, come ((a > b) ~ c) d ?

Selettore CSS che coinvolge pseudo-class first-child e dropcap

Ho bisogno di formattare l’HTML come di seguito. Fondamentalmente una citazione è facoltativa , e ho bisogno di rilasciare la prima lettera del paragrafo del corpo. Genius begins great works; labor alone finishes them.– Joseph Joubert Life is like a box of chocolates. … … Il mio CSS assomiglia a questo: article > p:first-child:first-letter { […]