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.
Voglio combinare :aftercon :hoverin CSS (o qualsiasi altro pseudo-selettore). Fondamentalmente ho un elenco e l'elemento con la selectedclasse ha una forma di freccia applicata usando :after. Voglio che lo stesso sia vero per gli oggetti che vengono sospesi, ma non riesco a farlo funzionare. Ecco il codice #alertlist { list-style:none; …
Questo dovrebbe essere semplice, ma sto riscontrando problemi nel trovare i termini di ricerca. Diciamo che ho questo: <div class="a c">Foo</div> <div class="b c">Bar</div> In CSS, come posso creare un selettore che corrisponda a qualcosa che corrisponde a "(.a o .b) e .c"? So che potrei farlo: .a.c,.b.c { /* …
Voglio applicare una regola CSS a qualsiasi elemento la cui classe corrisponda al prefisso specificato. Ad esempio, voglio una regola che verrà applicata ai div con classe che inizia con status-(A e C, ma non B nel seguente frammento): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' …
Quello che vorrei fare (non ovviamente in IE) è: p:not(.list):last-child + :text { margin-bottom: 10px; } Il che darebbe un margine a un nodo di testo. (È anche possibile?) Come potrei ottenere il nodo di testo con CSS?
Ho alcuni link che voglio selezionare class e id allo stesso tempo. Questo perché ho 2 comportamenti diversi. Quando una classe di collegamenti ha un nome di classe si comportano in un modo, quando gli stessi clas di collegamenti hanno un altro nome di classe si comportano in modo diverso. …
Una domanda complicata per i selettori CSS, non so se sia possibile. Diciamo che questo è il layout HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Voglio selezionare l'ultimo div, che viene visualizzato (cioè no display:none) che sarebbe il terzo divnell'esempio dato. Intendiamoci, il numero di divs sulla pagina reale …
Sto cercando un selettore CSS che mi permetta di selezionare l'ultimo figlio dell'elenco. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Metodo statico: ul li:nth-child(5) Metodo dinamico: ul li:last-child(-1) che ovviamente non convalida, anche l'ennesimo …
Ho sentito diverse volte che la risorsa più forte di jQuery è il modo in cui interroga e manipola elementi nel DOM: è possibile utilizzare query CSS per creare query complesse che sarebbe molto difficile eseguire in javascript normale. Tuttavia, per quanto ne so, puoi ottenere lo stesso risultato con …
Ho visto questo personaggio diverse volte nei file CSS, ma non ho idea di come sia stato usato. Qualcuno può spiegarmelo e mostrare come sono utili nel rendere più semplice uno stile di pagina?
Come modificare lo stile dell'elemento figlio in caso di passaggio del mouse sull'elemento padre. Preferirei una soluzione CSS per questo, se possibile. Esiste una soluzione possibile attraverso: hover selettori CSS. In realtà ho bisogno di cambiare il colore della barra delle opzioni all'interno di un pannello quando c'è un passaggio …
Vorrei scegliere come target tutti i tag h su una pagina. So che puoi farlo in questo modo ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } ma esiste un modo più efficiente per farlo utilizzando selettori CSS avanzati? ad esempio qualcosa del tipo: [att^=h] { font: …
Attualmente sto usando readonly = "readonly" per disabilitare i campi. Ora sto provando a modellare l'attributo usando CSS. Ho provato ad usare input[readonly] { /*styling info here*/ } ma non funziona per qualche motivo. Ci ho anche provato input[readonly='readonly'] { /*styling info here*/ } neanche quello funziona. Come posso modellare …
Come posso applicare uno stile a una casella di input vuota? Se l'utente digita qualcosa nel campo di input, lo stile non dovrebbe più essere applicato. Questo è possibile nei CSS? Ho provato questo: input[value=""]
Sto facendo una firma e-mail HTML con CSS in linea (ad esempio CSS in styleattributi), e sono curioso di vedere se è possibile utilizzare le :beforee :afterpseudo-elementi. In tal caso, come implementerei qualcosa di simile con CSS inline? td { text-align: justify; } td:after { content: ""; display: inline-block; width: …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.