CSS Almanac 2025, Luglio
Il selettore #id ti consente di scegliere come target un elemento facendo riferimento all'attributo HTML id. Simile al modo in cui gli attributi della classe sono indicati in CSS con un "punto" "
Il selettore: invalid consente di selezionare elementi che non contengono contenuto valido, come determinato dal suo attributo type. : non valido è definito nel CSS "
Il combinatore di pari livello generale (~) nei CSS ha questo aspetto in uso: .featured-image ~ p (font-size: 90%;) In questo esempio, dovresti selezionare tutto "
La pseudo classe: focus nei CSS viene utilizzata per applicare lo stile a un elemento attualmente mirato dalla tastiera o attivato dal mouse. Ecco un esempio: "
Lo pseudo selettore: focus-within nei CSS è un po 'insolito, sebbene ben denominato e piuttosto intuitivo. Seleziona un elemento se quell'elemento contiene "
Il selettore: first-of-type in CSS ti consente di scegliere come target la prima occorrenza di un elemento all'interno del suo contenitore. È definito nel livello 3 dei selettori CSS "
La pseudo classe: hover in CSS seleziona gli elementi quando il cursore del mouse è corrente su di essi. È comunemente associato al collegamento () "
Lo pseudo-elemento :: first-line serve per applicare gli stili alla prima riga di un elemento. Immagina un paragrafo lungo diverse righe (come questo!). "
Il selettore: first-child ti consente di scegliere come target il primo elemento immediatamente all'interno di un altro elemento. È definito nella specifica CSS Selectors Level 3 come "
:: first-letter è uno pseudo elemento che ti permette di definire lo stile della prima lettera in un elemento, senza bisogno di attaccare un tag attorno a quel primo "
Lo pseudo selettore: empty selezionerà gli elementi che non contengono niente o solo un commento HTML. div: vuoto (display: nessuno;) Corrisponderà a "
Un combinatore figlio in CSS è il simbolo "maggiore di", ha questo aspetto: ol> li (color: red;) Significa "seleziona elementi che sono discendenti diretti"
La pseudo-classe: enabled nei CSS seleziona gli elementi attivabili che non sono disabilitati e quindi abilitati. È associato solo agli elementi del modulo "
Un selettore di classe in CSS inizia con un punto (.), In questo modo: .class () Un selettore di classe seleziona tutti gli elementi con un attributo di classe corrispondente. Per esempio,"
La pseudo-classe: dir () nei CSS consente di selezionare gli elementi in base alla direzione del linguaggio, come determinato nel markup HTML. Ci sono davvero "
Il selettore di pseudo-classe: disabled fornisce uno stile condizionale agli elementi HTML che possono ricevere l'input dell'utente, quando gli elementi hanno il disabilitato "
Un selettore discendente in CSS è qualsiasi selettore con uno spazio bianco tra due selettori senza un combinatore. Ecco alcuni esempi: ul li () header h2 () "
Lo pseudo selettore: default corrisponderà al valore predefinito in un gruppo di elementi associati, come il pulsante di opzione in un gruppo di pulsanti selezionato da "
La pseudo-classe: verificata nei CSS seleziona gli elementi quando sono nello stato selezionato. È associato solo agli elementi input () di tipo radio e "
La pseudo-classe: blank si basa sulla pseudo-classe: empty. Like: empty,: blank selezionerà elementi che non contengono nulla o contengono solo un HTML "
Ci sono molti modi per selezionare gli elementi in CSS. La selezione più semplice è tramite il nome del tag, come p (). Quasi qualcosa di più specifico di un tag "
Gli pseudo-elementi :: before e :: after nei CSS consentono di inserire contenuto in una pagina senza che sia necessario che sia nell'HTML. Mentre il risultato finale non è "
Div (z-index: 1; / * intero * /) La proprietà z-index nei CSS controlla l'ordine di sovrapposizione verticale degli elementi che si sovrappongono. Come in, quale appare come "
La pseudo-classe: any-link nei CSS fornisce un metodo per selezionare gli elementi che sono l'ancora di origine di un collegamento ipertestuale. Se il termine source anchor ti ha perso, "
Lo pseudo selettore: active cambia l'aspetto di un collegamento mentre viene attivato (se viene cliccato o attivato in altro modo). Di solito si vede solo "
Il combinatore fratello adiacente in CSS non è un selettore di per sé, ma un modo per combinare due selettori. Ad esempio: p + p (margin: 0;) Il segno più "
La proprietà width in CSS specifica la larghezza dell'area del contenuto dell'elemento. Questa area "contenuto" è la parte all'interno del riempimento, del bordo e del margine di "
La proprietà white-space controlla come il testo viene gestito sull'elemento a cui è applicato. Supponiamo che tu abbia HTML esattamente come questo: un mucchio di parole tu "
La proprietà zoom in CSS ti consente di ridimensionare il contenuto. Non è standard ed è stato originariamente implementato solo in Internet Explorer. Sebbene diversi "
La proprietà di spaziatura delle parole è simile alla spaziatura delle lettere, anche se naturalmente il suo uso governa la quantità di spazio tra le parole in un pezzo di testo, non il "