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 applicare alcuni css per gli elementi di input e voglio farlo solo per gli input che non sono disabilitati e non sono di tipo inoltro, sotto css non funziona, forse se qualcuno può spiegarmi come aggiungere. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }
Sto cercando di applicare il colore di sfondo quando un mouse dell'utente passa il mouse sull'elemento il cui nome della classe è "reMode_hover". Ma io non voglio cambiare colore se l'elemento anche ha"reMode_selected" Nota: posso usare solo CSS non javascript perché sto lavorando in una sorta di ambiente limitato. Per …
C'è un modo per applicare lo stile di una classe a UN SOLO livello di tag td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>
Conosco già: ultimo figlio. Ma c'è un modo per selezionare il div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOTA: senza jQuery, solo con CSS
C'è qualche differenza funzionale tra i pseudo-selettori CSS 2.1 :aftere CSS 3 ::after(oltre a ::afternon essere supportato nei browser più vecchi)? C'è qualche motivo pratico per utilizzare le specifiche più recenti?
Cosa ne pensi di Stack Overflow in Stack Overflow di : StackTranslate.it: hover внутри style = ''? È possibile avere pseudo-classi usando stili in linea? Esempio: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> So che l'HTML sopra non funzionerà, ma c'è qualcosa di simile che funzionerà? PS So che dovrei usare un foglio di …
Utilizzando un elenco standard, sto cercando di selezionare gli ultimi 2 elementi dell'elenco. Ho varie permutazioni di An+Bma nulla sembra selezionare gli ultimi 2: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* …
Sto usando i selettori di jQuery, in particolare il selettore di ID: $("#elementId")... Come dovrei determinare se jQuery ha trovato l'elemento o no? Anche se l'elemento con l'id specificato non esiste, la prossima istruzione mi dà:[object Object] alert($("#idThatDoesnotexist"));
Ho appena scoperto Sass e ne sono così entusiasta. Nel mio sito web implemento un menu di navigazione ad albero, disegnato usando il combinatore figlio ( E > F). C'è un modo per riscrivere questo codice con una sintassi più semplice (o migliore) in Sass? #foo > ul > li …
Facendo ricerche sulla specificità mi sono imbattuto in questo blog - http://www.htmldog.com/guides/cssadvanced/specificity/ Afferma che la specificità è un sistema di punteggio per i CSS. Ci dice che gli elementi valgono 1 punto, le classi valgono 10 punti e gli ID valgono 100 punti. Va anche detto che questi punti sono …
Sto cercando di utilizzare document.querySelectorAllper tutte le caselle di controllo che hanno l' valueattributo impostato. Ci sono altre caselle di controllo nella pagina che non sono state valueimpostate e il valore è diverso per ciascuna casella di controllo. Tuttavia, gli ID e i nomi non sono univoci. Esempio: <input type="checkbox" …
Non riesco a capire la differenza tra element:first-childeelement:first-of-type Ad esempio, supponiamo che tu abbia un div div:first-child → Tutti gli <div>elementi che sono il primo figlio del loro genitore. div:first-of-type → Tutti gli <div>elementi che sono il primo <div>elemento del loro genitore. Sembra esattamente la stessa cosa, ma funzionano in …
Sono in grado di farlo: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Cioè, posso recuperare con successo tutti i figli diretti myDivdell'elemento che hanno classe .foo. Il problema è che mi dà fastidio dover includere il #myDivnel selettore, perché sto eseguendo la query myDivsull'elemento (quindi è …
C'è un modo per selezionare ogni ennesimo figlio che corrisponde (o non corrisponde) a un selettore arbitrario ? Ad esempio, voglio selezionare ogni riga dispari della tabella, ma all'interno di un sottoinsieme di righe: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> …
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.