Articles of css selectors

Selettore CSS (id contiene parte del testo)

Ho una domanda. Ho elementi come questo: elemento con id = someGenerated Alcuni: Same: 0: name elemento con id = someGenerated Alcuni: Same: 0: cognome elemento con id = someGenerated Alcuni: Same: 1: name elemento con id = someGenerated Alcuni: Same: 1: cognome Ho bisogno del selettore CSS per ottenere i nomi. Il problema è […]

selettore CSS per abbinare un elemento senza attributo x

Sto lavorando su un file CSS e ho trovato la necessità di assegnare uno stile alle caselle di immissione del testo, tuttavia, sto riscontrando dei problemi. Ho bisogno di una semplice dichiarazione che corrisponda a tutti questi elementi: … ma non corrisponde a questi: Ecco cosa mi piacerebbe fare: input[!type], input[type=’text’], input[type=’password’] { /* styles […]

Lo pseudo-elemento: before è consentito su un input ?

Questa risposta StackOverflow descrive come modellare le checkbox usando CSS3 senza richiedere un : input[type=checkbox]:before { content:””; display:inline-block; width:12px; height:12px; background:red; } Violino Funziona su Chrome 22 ma non su Firefox 15 o IE 9. Data la mancanza di supporto negli ultimi due browser, il comportamento di Chrome è valido secondo le specifiche CSS3?

I CSS selezionano il primo elemento con una certa class

Qual è la syntax per selezionare il primo elemento con una certa class? Si prega di specificare se tale metodo di selezione è parte di CSS3 o CSS2.1.

HTML Pseudo codice $(“.rightArrow”).click(function() { rightArrowParents = this.dom(); //.dom(); is the pseudo function … it should show the whole alert(rightArrowParents); }); Il messaggio di avviso sarebbe: corpo div.lol a.rightArrow Come posso ottenere questo con javascript / jquery?

addClass ogni n

Ho una lista di elementi che voglio modellare in 3 modi diversi. Voglio che ogni terzo elemento della lista abbia la stessa class nell’intera lista. Per esempio: Some Content Some Content Some Content Some Content Some Content Some Content Some Content Some Content Some Content Posso fare 2 con: pari / dispari, ma come farlo […]

CSS: stile una casella di controllo per sembrare un pulsante, c’è un passaggio del mouse?

Ho creato un piccolo pulsante per la visualizzazione al posto di una casella di controllo. Mi stavo chiedendo se ci fosse un modo per avere anche un aspetto al passaggio del mouse in qualche modo? Grazie http://jsfiddle.net/zAFND/2/

I selettori di CSS dell’attributo dei dati sono più veloci dei selettori di class?

Alcuni mesi fa questo articolo ha evidenziato che le classi potrebbero essere evitate tutte insieme dallo sviluppo del sito web. La mia domanda è: quanto sono efficienti i selettori di dati rispetto ai selettori di class? Un semplice esempio potrebbe essere quello di confrontare le query per gli elementi con data-component=’something’ rispetto agli elementi con […]

CSS3 che combina i selettori con OR invece di AND

Dato questo selettore: body[class*=”page-node-add-“][class~=”page-node-edit”] {background:red;} Corrisponde a un corpo che ha una class che contiene una sottostringa di page-node-add- AND una class che è esattamente la modifica del nodo di pagina Vorrei dire abbinare il primo OR al secondo (ma non entrambi). È ansible? Il problema con l’utilizzo di una virgola: Se ho un lungo […]

Come mostrare solo determinate parti con i CSS per la stampa?

Ho una pagina con molti dati, tabelle e contenuti. Voglio fare una versione di stampa che mostrerà solo pochissime cose selezionate. Invece di scrivere un’altra pagina solo per la stampa, stavo leggendo la funzione CSS per “@media print”. Innanzitutto, quali browser lo supportano? Poiché questa è una funzionalità interna, è OK se solo gli ultimi […]