Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
mattias_01 [2019-08-28 09:35] Mattias Hamberg [Koppla din css till en sida] |
mattias_01 [2019-08-28 09:39] Mattias Hamberg |
||
---|---|---|---|
Line 52: | Line 52: | ||
color: dodgerblue; | color: dodgerblue; | ||
} | } | ||
+ | </ | ||
+ | |||
+ | ==== Olika typer av väljare ==== | ||
+ | <code css> | ||
+ | * { /* påverkar alla element utan undantag */ } | ||
+ | |||
+ | li { /* påverkar alla li-element */ } | ||
+ | |||
+ | .bordered { /* påverkar alla element med klassen " | ||
+ | Du kan skapa vilka klasser du vill och ge dem speciella regler. | ||
+ | När du sedan vill använda den anger du klassens namn i class-atributet */ } | ||
+ | |||
+ | .bordered li { /* påverkar alla li-element som ligger under ett element med klassen " | ||
+ | |||
+ | #main-menu { /* påverkar det element som har id:t " | ||
+ | |||
+ | #main-menu li { /* påverkar alla li-element som ligger under elementet med id:t " | ||
+ | |||
+ | li:hover { /* påverkar alla li-element, men bara när man håller muspekaren över det */ } | ||
+ | |||
+ | [target=_blank] { /* påverkar alla element där attributet " | ||
</ | </ |