In deze video gaan we praten over een aantal andere manieren van het selecteren van elementen.
Afgezien van de drie belangrijkste zijn dat we tot nu toe hebben gezien.
En alleen maar om samen te vatten deze drie zijn de elementen Selector de klasse en de ID-selector zodat element eruit zou zien Ally klas met als Dot lage en ID is met de kunst of hekje en wat zetten we binnen zal een ID of een klasse of alle doelgroepen elementen van een soort.
Dus dat zijn drie mogelijke manieren van het selecteren van elementen, maar er zijn nog veel meer.
En we gaan richten op vijf hier en deze vijf zijn degenen die ik denk dat zijn de belangrijkste de meest voorkomende.
Maar er zijn nog veel meer.
In feite is er dit artikel dat ik gekoppeld aan en de omschrijving op Tutt plus het is een gratis artikel.
Het is echt fantastisch.
Het heet de 30 CSSA selectors moet je onthouden en voordat je in paniek raakt u niet nodig om deze te onthouden.
Je zal natuurlijk onthouden van de belangrijkste enen en degenen die we gebruik maken van alle tijd.
Maar het punt van dit artikel is om te zeggen dat er minstens 30 goede degenen die u moet weten over.
Niet te vergeten als dit de enige 30 die je nodig hebt om te onthouden dat is nog steeds vrij een beetje.
En er zijn nog veel meer dat dit artikel zou suggereert u niet hoeft te weten.
Dus het punt is dat er veel verschillende manieren om dit te doen.
Dit artikel wijst hij op 30 van hen en ik ga gewoon om te gaan door middel van vijf of zes van de meer belangrijke degenen.
Dus adviseer ik dat u geven deze een door te lezen.
Er gaat een oefening in de volgende video, die een hoop van wat er in dit artikel en wat we voor meer dan hier en onze tekstredacteur omvat zijn.
Dus ik heb een aantal fundamentele HMO.
Ik ben niet van plan om te gaan door het proces van het creëren van het bestand.
Dit is niet een die je nodig hebt per se om mee te coderen met, maar het is een fundamentele gescherpt hem ziet er als volgt waar we een H1.
We hebben een link die gaat naar Google.
We hebben een UL met drie bondgenoten.
Dan hebben we een H en dan nog zul je met drie bondgenoten en vervolgens nog eens vier en vervolgens een meer je met drie bondgenoten maar elke bondgenoot heeft nu een link en de eerste die gaat ook naar Google als deze link hier.
Dan gaat de ander op Facebook en de laatste gaat om het te lezen.
Dus eenvoudige opmaak.
En dan heb ik een style sheet opgenomen genaamd selectors.
SS Dus hier gaan we in te vullen RC SS Dus het allereerste dat we gaan om te praten over is D-Star selector genoemd en het is met een sterretje en het zal alles op de pagina te selecteren.
Dus dit is niet iets dat je eigenlijk wilt zo vaak doen, maar het ziet er zo uit.
En dan wat we doen ook daadwerkelijk van toepassing op elk afzonderlijk element.
Dus ik ga alles een element van een pixel vast lichtgrijs en je kunt zien wanneer ik doe dat elke element op de pagina van het lichaam H-1 elke link.
Bondgenoot in H allemaal rand rond.
Dus dit is niet iets wat je nodig hebt om een ​​veel te doen, maar je zult het af en toe zien.
De volgende is de afstammelingen Lechter en deze je zult gebruiken en bekijk de hele tijd.
Dus de manier waarop de afstammeling selector werkt is dat het duurt twee of meer tag namen of twee of meer selectors en u ze keten samen.
Dus geef je een voorbeeld geven als ik wil alle van het anker tags die zich binnen van een bondgenoot alleen de anchor-tags binnenkant van een bondgenoot selecteert niet het anker tag lijkt erop dat alleen op zijn eigen.
Ik wil alle anchor tags die zijn afstammelingen van een bondgenoot te selecteren.
Zo te doen dat de syntax lijkt op Ally ruimte en vervolgens verankeren tag.
Dus dit zal alles wat een leeftijd tag binnenkant van een bondgenoot te selecteren en we konden blijven gaan met dit.
Als we hadden meer dus ik kon ook dit herschrijven als dit elke anchor-tag die er binnen in een bondgenoot die de binnenkant van een UL en dat is wat we hier hebben, maar dat is overbodig in ons geval.
En ik zou ook kunnen zeggen dat elke anker tangere alles met de klas Hallo.
Binnen van een bondgenoot, maar we hebben niet elke opmaak die overeenkomt met dat.
Dus elke ankertag binnenkant van een bondgenoot.
En laten we het gewoon een kleur van rood en we vernieuwen.
En je kunt zien die drie anchor tags zijn rood.
Deze is ongewijzigd.
De volgende activiteit is de naastgelegen selector.
Dus met de aangrenzende selector zal doen, is het zal willen laten elementen die komen na de andere element te selecteren.
Dus niet in genest als dit is een bondgenoot genesteld in een put.
Het laat ons toe om een ​​broer of zus te selecteren.
Dus we gaan allemaal ULS die komen na een H voor het selecteren en door na bedoelen we gewoon op hetzelfde niveau.
Dus niet ingesprongen niet in de vork maar direct na even sibling op hetzelfde niveau van een H voor.
Dus dat heet de aangrenzende selector en het ziet er als volgt uit.
We gaan om te zeggen dat de leeftijd van vier plus je wil.
Dus zonder de plus zou dit alles ons binnen en leeftijd van 4, maar met de plus.
Het is ons net dat grenst aan een leeftijd 4 zijn.
En ik ga gewoon geven een rand laten we vier pixel stevige rode en moeten we deze twee UL's die grenzen zijn te zien.
Ze komen na deze leeftijd van vier op hetzelfde niveau hebben een rode rand.
Dus een meer dat ik wil dit laten zien en dit is ook een heel belangrijk wordt genoemd het attribuut selector.
En dus is de attribuut selector is een manier om elementen gebaseerd off van elke eigenschap te selecteren.
Dus in ons geval gaan we een selectie op basis off van de H ref attribuut te doen.
We gaan om te controleren of we gaan om alle links naar Google te zetten, waar H.F. is Google dot com.
We gaan ze één kleur te maken, maar je kunt dit ook gebruiken om alle beelden van een bepaalde bron of alle ingangen van een bepaald type als alle vakjes of alles wachtwoord velden of iets te selecteren.
Dus de syntaxis typt we anchor tag en dan rechte haken en vervolgens binnen gaan we het attribuut dat we op zoek bent naar typen.
Dus Tref is gelijk aan en dan gaan we de links om Google te doen.
Dus dit zal elke anchor tag met HGF die gelijk is aan deze en dan zijn we gewoon gaan om het een kleur te geven selecteert u laat geven een blauwe achtergrond en u kunt deze twee links te zien.
Het eerste gaat naar Google en de tweede gaat naar Google.
Dus ze zijn blauw.
Maar de andere twee links niet naar Google.
Ze gaan naar Facebook en om het te lezen.
Dus ze zijn ongewijzigd.
Dus je zou ook en je zult eigenlijk zien dit veel of zullen een input type gelijk tekst als u wilt dat alle tekst ingangen verschillend stijl of als u wilt dat alle vakjes stijl een manier, omdat alle ingangen, ook al zijn er zo veel verschillende ingangen kleur om kleur ingangen en file's en wachtwoord en e-mails en in te dienen knoppen ze zijn allemaal een input-tag.
Dus gewoon om te selecteren door de input gaat om ons alle verschillende soorten ingangen.
Dus kiezen we vaak op type.
Dus laten we terug naar onze Google ref selector gaan.
Dus er is een meer dat ik wil hier over die heet Einde van het type en de manier waarop het einde van het type werkt is het duurt een aantal, zoals drie of vijf praten.
En dan selecteert u het elke einde van een specifiek element.
Dus als ik wil elke vijfde div of per seconde bondgenoot of de vijfde van de tiende paragraaf op een pagina die ik kon gebruiken en te selecteren.
Dus in dit geval Drona selecteert de uiteindelijke UL en iets naar de finale te doen.
Nou, de derde.
Laten we zeggen dat ik wil het een andere grens of andere achtergrond ik Well dikke darm en van het type en vervolgens een aantal, zoals drie te selecteren geven.
En dan ga ik naar de achtergrond te zeggen.
En laten we het voor de hand liggende achtergrond als paars en kunt u alleen de derde u goed paars ingeschakeld te zien.
Dus dit is handig als je iets wilt onderaan de pagina te selecteren.
Een ding dat ik al moeten er rekening mee is de manier waarop dit werkt is laten we naar een bondgenoot en verander een derde leugen.
En voordat ik dat doe, dat ik wil dat je voor te stellen wat je denkt dat er gaat gebeuren.
Dus is dit verondersteld om de derde bondgenoot te selecteren.
Dus dat zou dit hier denk ik te zijn.
Maar zoals het vernieuwen u zult zien het eigenlijk selecteert elke derde leugen.
Dus van elke groep van bondgenoten dat het gaat om de derde te selecteren.
En dus als ik had een heleboel meer.
Het is belangrijk op te merken dat het nog steeds alleen zo als de derde in een bepaalde groep, dus het is niet elke derde alsof asperges meer zou selecteren en vervolgens asperges weer is het gewoon in elke groep van hen het gaat om de derde te selecteren.