In questo video parleremo di alcuni altri modi di selezionare gli elementi.
A parte i tre principali che abbiamo visto finora.
E solo per ricapitolare quei tre sono il
selettore di elementi la classe e il selettore ID in modo che l'elemento assomigli alla classe di Ally con come Dot low e ID sia con il
simbolo art o hash e qualunque cosa mettiamo dentro verrà indirizzato a un ID o una classe o tutti
elementi di un tipo.
Quindi questi sono tre modi possibili di selezionare gli elementi, ma ce ne sono molti di più.
su cinque qui e questi cinque sono quelli che penso siano i più importanti i più comuni.
E ci concentreremo
Ma ce ne sono molte altre.
In effetti c'è questo articolo a cui mi sono collegato e la descrizione su Tutt's Plus è un articolo gratuito.
E 'davvero grandioso.
Si chiamano i 30 selettori CSSA che devi memorizzare e prima di andare nel panico non è
necessario memorizzarli.
Naturalmente memorizzerai quelli più importanti e quelli che usiamo sempre.
Ma il punto di questo articolo è di dire che ce ne sono almeno 30 buoni che dovresti sapere.
Per non parlare se questi sono gli unici 30 di cui hai bisogno per imparare a memoria che è ancora un bel po '.
E ci sono molte altre cose che questo articolo suggerirebbe che non è necessario conoscere.
Quindi il punto è che ci sono molti modi diversi per farlo.
Questo articolo ne mette in evidenza 30 e passerò attraverso cinque o sei dei
più importanti.
Quindi ti consiglio di dargli una lettura.
Ci sarà un esercizio nel prossimo video che comprende molto di ciò che è trattato in questo articolo così
come ciò che copriamo qui e il nostro editor di testo.
Quindi ho alcuni HMO di base.
Non ho intenzione di passare attraverso il processo di creazione del file.
Questo non è uno di quelli che è necessario necessariamente codificare, ma è un aspetto
marginale che appare come questo in cui abbiamo un H1.
Abbiamo un link che va a Google.
Abbiamo un'UL con tre alleati.
e poi un'altra con tre alleati e poi un'altra quattro e poi un'altra con tre alleati ma
ogni alleato ora ha un link e anche il primo va a Google come questo link qui sopra.
Poi abbiamo una H
Poi l'altro va su Facebook e l'ultimo a leggerlo.
Marcatura così semplice.
E poi ho un foglio di stile incluso chiamato selettori.
SS Quindi qui andremo a riempire RC SS Quindi il primo di cui
parleremo è chiamato selettore D-Star ed è con un asterisco e selezionerà tutto sulla pagina.
Quindi non è qualcosa che in realtà vuoi fare spesso, ma sembra così.
E poi qualsiasi cosa facciamo sarà applicata a ogni singolo elemento.
Quindi ho intenzione di dare a tutto un elemento di un pixel grigio chiaro solido e puoi vedere quando faccio che
ogni singolo elemento sulla pagina del corpo H-1 ogni link.
Alleato in H per tutti ottenere il bordo intorno.
Quindi non è qualcosa che devi fare molto ma lo vedrai occasionalmente.
Il prossimo è il discendente Lechter e questo lo userete e vedrete sempre.
Quindi il modo in cui il selettore discendente funziona è che ci vogliono due o più nomi di tag o
due o più selettori e li si incatena.
trovano all'interno di un alleato solo i tag di ancoraggio all'interno di un alleato, non il tag di ancoraggio che appare solo per conto proprio.
Quindi diamo un esempio se voglio selezionare tutti i tag di ancoraggio che si
Voglio selezionare tutti i tag di ancoraggio che sono discendenti di un alleato.
Quindi per farlo la sintassi sembra spazio alleato e quindi tag di ancoraggio.
Quindi selezioneremo tutto ciò che è un'etichetta dell'età all'interno di un alleato e potremmo continuare con questo.
Se ne avessimo di più potrei anche riscrivere questo come ogni tag di ancoraggio che si trova all'interno di un
alleato all'interno di un UL che è quello che abbiamo qui, ma è ridondante nel nostro caso.
E potrei anche dire che ogni ancora tangere tutto con la classe Ciao.
All'interno di un alleato, ma non abbiamo alcun markup che corrisponda a quello.
Quindi ogni tag di ancoraggio all'interno di un alleato.
E diamo solo un colore rosso e ci aggiorniamo.
E puoi vedere che questi tre tag di ancoraggio sono rossi.
Questo è invariato.
Il prossimo è il selettore adiacente.
Quindi, con il selettore adiacente, sarà come se ci permettessimo di selezionare elementi che vengono dopo un
altro elemento.
Quindi non annidato dentro come questo è un alleato che si annida in un pozzo.
Ci permette di selezionare un fratello.
Quindi selezioneremo tutti gli ULS che verranno dopo una H per e dopo intendiamo solo sullo stesso livello.
Quindi non indentato non all'interno della forcella, ma direttamente dopo appena come un fratello sullo stesso livello di una H
per esso.
Quindi si chiama selettore adiacente e sembra così.
Stiamo per dire età quattro più lo farai.
Quindi senza il vantaggio questo sarebbe tutto noi dentro e età 4 ma con il vantaggio.
Siamo noi adiacenti ad un'età di 4 anni.
E sto per dare un bordo, facciamo quattro pixel in rosso e dovremmo vedere questi due UL che
sono adiacenti.
Arrivano dopo questa età quattro allo stesso livello hanno un bordo rosso.
Quindi un altro che voglio mostrare questo e questo è anche molto importante è chiamato il
selettore degli attributi.
E così il selettore degli attributi è un modo per selezionare gli elementi in base a qualsiasi attributo.
Quindi nel nostro caso faremo una selezione basata sull'attributo ref H.
Verificheremo che trasformeremo tutti i link in Google in cui H. F. è Google dot com.
Li trasformeremo in un colore, ma potresti anche usarlo per selezionare tutte le immagini di una particolare
fonte o tutti gli input di un particolare tipo come tutte le caselle di controllo o tutti i campi password o qualcosa del genere.
Quindi la sintassi scriviamo il tag di ancoraggio e quindi le parentesi quadre e poi dentro andremo a digitare l'attributo
che stiamo cercando.
Quindi Tref è uguale e quindi faremo i link a Google.
ancoraggio con HGF uguale a questo e poi gli daremo un colore, lasciandogli uno sfondo blu e potrai vedere
questi due
collegamenti.
Quindi questo selezionerà ogni tag di
Questo primo va a Google e il secondo a Google.
Quindi sono blu.
Ma gli altri due link non vanno su Google.
Vanno su Facebook e lo leggono.
Quindi sono invariati.
o se vuoi che modifichino tutti i checkbox in un modo solo perché tutti gli input anche se ci sono così molti input diversi colore
per input colore e immagini di file e password ed e-mail e pulsanti di invio sono tutti un tag di input.
Quindi potresti anche e vedrai molto spesso questo o avrai un tipo di input uguale al testo se vuoi che
sia in stile tutti gli input di testo in modo diverso
Quindi, solo per selezionare per input ci darà tutti i diversi tipi di input.
Quindi spesso selezioniamo per tipo.
Quindi torniamo al nostro selettore di riferimento di Google.
Quindi c'è un altro di cui voglio parlare qui, che è chiamato End of type e il modo in
cui la fine del tipo funziona è che prende un numero come tre o cinque.
E poi seleziona ogni fine di un elemento specifico.
Quindi se voglio selezionare ogni quinto div o ogni secondo alleato o il quinto il decimo paragrafo su una pagina che potrei
usare e di tipo.
Quindi in questo caso Drona seleziona l'UL finale e fa qualcosa alla finale.
Bene, il terzo.
Diciamo che voglio dargli un bordo diverso o uno sfondo diverso, selezionerò i due punti e di tipo
e poi un numero come tre.
E poi ho intenzione di dire sfondo.
E diamo uno sfondo ovvio come il viola e puoi vedere solo il terzo che sei diventato viola.
Quindi questo è utile se vuoi selezionare qualcosa nella pagina.
Una cosa che dovrei notare è che il modo in cui funziona è andare ad un alleato e cambiare una terza
bugia.
E prima che lo faccia voglio che tu immagini quello che pensi che succederà.
Quindi questo dovrebbe selezionare il terzo alleato.
Quindi questo sarebbe qui qui, credo.
Ma man mano che si aggiorna vedrai che in realtà seleziona ogni terza bugia.
Quindi da ogni gruppo di alleati selezionerà il terzo.
E quindi se avessi un mucchio in più.
È importante notare che è ancora solo così come il terzo di un gruppo dato
che non è ogni terzo come se selezionasse di nuovo gli asparagi e poi di nuovo gli asparagi, è solo
in ogni gruppo che selezionerà il terzo.
C'è comunque un modo per farlo selezionare un numero pari in modo da poter selezionare ogni altro alleato e
renderlo viola in questo modo