CSS Opgave 7

Jeg vil gerne have at teksten på nedenstående varianter passer bedre til farven de repræsenterer.

I din browser, gør tekstfarven for den røde variant rød (#f00), men lad den sorte variant forblive den nuværende farve (#656764).

Tryk på "Indsend" for at tjekke din løsning.

Farve:

Sort

Rød

Korrekt!

Beskrivelse

Sådan! Godt arbejde!

Når vi laver ændringer på en shop vil det nemmeste altid være at lave ændringen i browseren først. Så kan man se sin ændring uden at skulle gemme det i designet og påvirke den aktive visning.

Det kan enten være ved blot at inspicere et element og rette i den inline styling, eller ved at oprette en ny CSS block med en ny selector. Dette kan man gøre med det lille plus i CSS oversigten (her vist i Firefox):

Herefter skriver man sin selector efterfulgt af sin CSS block:

Hvis du ikke allerede har gjort det, så prøv gerne at se om du kan ramme den røde tekst med en selector i stedet for bare inline styling.

Relaterede opgaver

CSS

Her finder du en række CSS-opgaver, der har til formål at øje din kendskab til CSS og hvordan man arbejder med det.

Husk at du altid kan slå CSS funktionalitet op på https://www.w3schools.com/css/
Hvis du f.eks. skal slå op hvordan du tilføjer padding på et element er der info under punktet “CSS Padding”.
Siden kan være brugbar efterhånden som opgaverne bliver mere avancerede.