Hvordan å overstyre en Universal Selector

Hvis "forandring er bra," enn CSS Universale velgeren er veldig bra faktisk. CSS er universell velgeren lar deg bruke samtidige endringer til hvert element i en webside med minimal innsats. For eksempel kan du gjøre all teksten i websiden vises i 14 punkts skrift ved hjelp av en universell velgeren. Men hvis du ønsket å gjøre noe av teksten på siden en annen størrelse, ville du trenger å overstyre den universelle velgeren. Heldigvis er det mulig å overstyre den universelle velgeren ved hjelp av flere forskjellige teknikker.

Bruksanvisning

1 Åpne CSS-filen som inneholder CSS styling for din webside i utviklingsmiljøet av ditt valg.

2 Finne plasseringen av den universelle velgeren du ønsker å overstyre, og opprette en annen universell velgeren under den. Overstyre reglene i første velgeren ved å angi stiler i nedre universell velgeren. For eksempel, for å overstyre en universell velgeren som angir en farge rød, opprette en universell velgeren under den første som angir fargen blå:

* {Color: red;}

* {Color: blue;}

3 Lag en mer spesifikk regel enn regelen spesifisert i universell velgeren; mer spesifikke regler overstyre mer generelle regler. Styre en universell bakgrunnsfargen til rød, for eksempel, ved å lage en mer spesifikk stil som gjelder en bakgrunnsfarge til et mindre antall elementer:

* {Background-color: red;}

p {background-color: blue;}

4 Lagre koden din og åpne den i en nettleser for å sikre at det fungerer som forventet.

Hint

• CSS universell velgeren bremser websiden skjærende mer enn noen annen CSS selector, så du bør unngå å bruke det hvis det er mulig.