Video: 10 Hours of Relaxation, Positive Energy Music, Stress Relief, Relaxing Music 2024
Tag (eller element) selectors er tegnsekvenser i CSS3 som du bruker til å velge koder som
og
. Faktisk kan du velge hvilken som helst HTML-kode på denne måten. En tagvelger er alltid avhengig av taggenavnet, for eksempel p eller h1. Det er imidlertid noen interessante tagvelgerkombinasjoner du bør vite om.
Følgende liste forteller deg om tagvelger som du kan bruke i tillegg til den enkle tagvelgeren.
-
Tag , Tag : Å skille to koder med et komma betyr at du velger begge koder, uavhengig av hvor de vises i dokumentet. Hvis du for eksempel bruker p, div , velger du alle
og -koder i dokumentet.
-
Tag >> Tag : Ved å skille mellom to tagger med et større enn tegn (>> ), forteller nettleseren å velge en tagg som har en annen tag som en forelder. Hvis du for eksempel har og bruker div> p
, velger nettleseren -taggen.
Tag
Tag -
: Hvis du skiller to koder med et mellomrom, forteller nettleseren å velge en kode som vises i en annen tag. Denne väljaren adskiller seg fra å bruke et større enn tegn fordi den første merket ikke trenger direkte å vises umiddelbart før den andre merket. Hvis du for eksempel har og bruker
div> p
, velger ikke nettleseren noe. Men hvis du bruker div p , vil nettleseren velge -taggen.
Tag
+ -
Tag : Ved å skille mellom to tagger med et plustegn (+) forteller nettleseren å velge en tag som vises umiddelbart etter en annen tag. Hvis du for eksempel har og bruker div + p
, velger nettleseren -taggen. Legg merke til at -taggen ikke vises i
-taggen, den vises etter
-taggen. Tag ~
-
Tag : Å skille to tagger med en tilde ( ~ ) forteller nettleseren å velge hver tag som vises etter en annen tag. Hvis du for eksempel har og bruker div ~ p
, velger nettleseren både -koder. Dette adskiller seg fra div + p
, som forteller at nettleseren bare velger den første -taggen som følger -taggen.
: root: Velger rotasjonselementet i dokumentet. Roterelementet avhenger av dokumenttypen. Denne velgeren brukes vanligvis med XML-dokumenter, men du kan potensielt bruke den med hvilken som helst dokumenttype.
-