OK.
Dus in deze video gaan we twee belangrijke onderwerpen dekken en zie beoordelen dat we echt niet hebben gesproken over nog en die zijn erfenis en specificiteit.
Dus om te beginnen gaan we de manier waarop werkt erfenis te tonen en te zien beoordelen.
Dus ik heb een eenvoudige file hier.
Het heeft een goed met vier bondgenoten binnen en ik ga mijn stijlen in een stijl tag schrijven gewoon het makkelijk voor u om naar te kijken je hoeft niet te kijken me rond schakelen tussen bestanden te maken.
Maar het is altijd beter om dit ook daadwerkelijk te doen op een externe style sheet.
Dus ik ga naar de UL stijl en geef het een kleur van paars en als ik dat doe, dat je zult zien dat wanneer ik de geallieerden te vernieuwen eigenlijk paars geworden.
Dus wat daar gebeurde.
Je weet dat ik het gebied ingericht waar ze de UL vormgegeven en de leugen was indirect veranderd en het geërfd die kleur van het bovenliggende element.
Dus laat ik je een ander voorbeeld van.
Laten we voegen in slechts een paragraaf hier begint zwart en ik ga om te komen en tout dit je wil paars voor nu.
Dus alles is gewoon een normale zwarte tekst.
Ik zal dit een beetje groter te maken als ik in mijn stijl en ik zeg lichaam en ik geven het lichaam een ​​kleur rood en ik vernieuw deze.
U zult zien dat alles is rood.
Dus dit is gewoon het aantonen van dit concept van overerving waar als we een eigenschap is ingesteld op een ouder het kan ook een kind element beïnvloeden.
Dus dit is mooi als we willen dat het alle leden en bondgenoten allemaal lezen.
We hoeven niet te zitten, zoals de punten en zet ze lezen en dan selecteert u bondgenoten en zet ze rood.
We kunnen gewoon kiezen het lichaam.
Dus de volgende ding dat ik wil laten zien is wat er gebeurt als ik ga naar binnen en dan beslissen ik dat een paragraaf ik eigenlijk wil dat het groen zijn.
Als we vernieuwen we zullen zien natuurlijk dat de paragraaf zich tot groen.
Op dezelfde manier als ik wil de ul groen zijn, of laten we het doen blauw en ik spaar en vernieuw de UL wordt blauw en zo ook de geallieerden omdat ze erven van dat.
Dus wat er gebeurt hier eigenlijk aantonen van dit idee van specificiteit en CSSA.
Dus we hebben meerdere stijlen die deze zelfde bondgenoot zou kunnen beïnvloeden.
Het kan rood zijn en het begint als rood en vervolgens terug te blauw omdat alles wat je verondersteld blauw te zijn.
Dus als we doorgaan en controleer één van deze elementen en ik ga deze fullscreen te maken en ik ga dit te verhogen en de lettergrootte een beetje te zul je zien dat de kleur is ingesteld als blauw uit een UL en het vertelt ons geërfd van UL en als we blijven scrollen zie je geërfd van lichaam.
De kleur is rood, maar het is eigenlijk doorgestreept en dus dat betekent dat het in het geheel niet wordt toegepast.
En in plaats van deze stijl wordt toegepast.
Dus dit toont ons deze stijl is een poging om te worden toegepast of deze is gericht op dit element dat we hebben gekozen, maar het is doorgestreept wat betekent dat het niet daadwerkelijk wordt toegepast.
Dus de volgende onderwerp dat zeer nauw verwant is aan successierechten heet specificiteit.
Dus specificiteit is dit idee in de zin dat we meerdere stijlen targeting één element en dat gebeurt hier kan hebben.
We hebben meerdere stijlen gericht op deze ene UL of dit bondgenoot bijvoorbeeld.
De leugen wordt rood gedraaid of het is het doelwit van deze lijn.
Body draaien alles in het lichaam rood.
En het is ook het doelwit van deze lijn, die alles in de hele Juelz blauwe draait.
En dus dan de SS heeft om te beslissen welke wint.
En in dit geval welke stijl het dichtst bij het element.
Dus welke is meer specifieke en dus wat dat betekent is het lichaam is zeer algemeen is het alles.
En een UL is specifieker, dat wanneer het gaat om winnen.
Maar dit is slechts een simpel geval.
Dus laten we nu de ante een beetje en voeg wat meer selectors.
Dus laten we gaan door en voeg in een directe bondgenoot selector en laten we een bondgenoot oranje.
En zoals je zou verwachten het maakt allemaal bondgenoten oranje.
En als we het openstellen van de inspecteur zien we wel het wordt rood gedraaid door het lichaam, maar dat is afgedaan.
Het wordt blauw gedraaid door de UL-selector en het wordt gedraaid oranje door de vlieg selector en dat je wint.
Dus dit zijn allemaal eenvoudige gevallen waarin het is vrij duidelijk welke één wint.
Maar laten we nu eens iets op de top van deze in te voeren.
Laten we nu zeggen dat ik wil dat dit een klasse met de naam hoogtepunt en ik geef het aan twee van hen en selecteer ik deze klasse hoogtepunt en ik geef een achtergrondkleur.
Eigenlijk laten we gewoon stok met kleur.
Net zo is het allemaal hetzelfde terrein kleur van geel en ik spaar.
Welke denk je dat er gaat nu winnen.
Laten we eens kijken en je kunt zien dat het hoogtepunt klasse overwinningen en het is ingeschakeld geel vanwege die hoge als klasse.
Dus dit toont ons iets, waar in L.A. We zijn direct alle bondgenoten targeting en waardoor ze oranje en dan zijn we ook direct gericht op een paar bondgenoten dat deze klasse hebben en waardoor ze geel.
En in dit geval deze klasse wint.
Er zijn dus eigenlijk heel specifieke regels voor hoe dit werkt en ik ga om te laten zien aan u in slechts een seconde.
Maar voordat dat ik wil gewoon een voorbeeld toe te voegen in dus laten we zeggen dat geven ook dit element een I.D. en ik ga om het speciaal noemen.
Ik ga dat element speciaal richten en ik ga het een kleur van roze geven en ik vernieuwen.
Je zult zien dat dit element wint.
En nog een keer als we inspecteren je zult zien dat we een stijl uit het lichaam dat niet wordt toegepast één uit de put dat is geërfd, maar niet toegepast één van de leugen dat het niet wordt toegepast één van de klasse die niet wordt toegepast.
En daarna één van de speciale ID die wordt toegepast.
Dus in dit geval de ID wint.
Dus zoals ik al zei zijn er zeer specifieke regels over hoe dit werkt.
En ik heb ze hier opgeschreven up.
Maar eigenlijk ga ik naar M.D en de eerste om te laten zien dat ze een leuk artikel over dit dat ik u aanbevelen om te lezen en er wordt gesproken over de manier waarop de specificiteit wordt berekend.
Toen ze ziet dat er drie of vier verschillende kleuren dat dit zou kunnen zijn.
Hoe werkt het weet welke te kiezen.
En de manier waarop het eigenlijk doet het loopt de berekening dus het kent een numerieke waarde toe aan elk van deze kiezers.
Dus het gaat om een ​​numerieke waarde hier en dan naar deze ene en vervolgens toewijzen aan deze naar deze ene en deze.
En zoals we weten dat dit één wint.
Dus de manier waarop het daadwerkelijk wordt berekend we eigenlijk niet hebben om de exacte wiskunde weten, maar ik zal het hier laten zien.
Er is een rekenmachine die we eigenlijk dingen in online die ons zal vertellen hoe specifiek iets kunt typen.
Dus als ik alle bondgenoten selecteer gewoon je zult zien dat het beschikt over de specificiteit van één.
Laten we nu eens proberen slutting die klasse hoogtepunt en dat is 10 keer zo specifiek de specificiteit van 10.
Dus dat is de reden waarom een ​​klasse 1 uit over de leugen.
En dat is de reden waarom dit element is eigenlijk geel omdat die klasse hoogtepunt won uit over de oranje kleur.
Als we nu gaan en we voegen een I.D.
of wat we een speciale oproep kun je zien dat is 100 keer meer specifiek dan alleen de wet tag.
Zodat men wint en dat klopt ook de klas.
Dus de basisregel is dat element selectors tag namen zijn niet erg specifiek class selectors zijn veel specifieker en dan id zijn de meest specifieke die je kunt krijgen.
En ik zal je ook laten zien dat het niet alleen beperkt tot één ID.
Dus laten we zeggen dat we wilden weten wat specifieker.
Ik heb een klasse en een andere klasse binnen van het.
Dus dit is een afstammeling Selecta vergeet niet dat dit slechts 20 specificiteit.
En als ik slechts een enkele I.D. Dat is 100 specificiteit.
Dus nogmaals, ik wil niet dat je om te denken dat je nodig hebt om te worden met behulp van de site de hele tijd en het berekenen aantallen.
Dat is niet belangrijk.
Alles wat u moet weten is de volgorde van de grootheden, dus ik ga naar mijn aantekeningen hier en hebben ze opgeschreven soort selectors zijn het minst specifiek.
Dus dat gaat om te kijken als iets als dit of bondgenoot met een ATF erin of zelfs de aangrenzende selector.
Dus deze selectors zijn niet zeer specifiek.
Zelfs binnen dit jaar dit gaat specifieker dan dit zijn.
Dit gaat en omdat er twee elementen die we verwijzen specifieker dan dit zijn.
Dus als we daadwerkelijk berekende het is dit specifieke karakter van één.
En dat is twee.
Dan is het volgende niveau een klasse.
Dus dit gaat om een ​​orde van grootte 10 keer groter of specifieker dan een van deze zijn.
En zo is het attribuut selector.
Dus waar hebben we dingen als input type is gelijk aan de tekst en dus zijn deze pseudo-class selectors die dingen zoals hover zijn.
Dus een tag op hover of ingang die is gecontroleerd en andere dingen als dat dat dit colon daar.
En dan is het zeer meest specifieke ding is de I.D. selector.
En dus dat gaat naar een andere orde van grootte groter of meer specifiek dan de selectors hier te zijn.