CSS Opgave 4

Jeg vil gerne rette visningen for alle mine produkttitler, men hvordan rammer jeg dem?

selector {
  font-size: 6em;
  color: #0BE;
  text-decoration: underline;
}

Hvilken selector skal jeg bruge til ovenstående kode? Bemærk, at andre overskrifter ikke skal påvirkes. Kun produkttitler.
Skriv dit svar i feltet herunder og klik på "Indsend" for at tjekke dit svar.

Besvarelse

Indtast dit svar i dette felt

Korrekt!

Beskrivelse

Godt arbejde! Se den fine overskrift! 😁

Nogle gange er man nødt til at udspecificere sin selector meget. Hvis man blot havde brugt classen .m-product-title ville man her ramme både overskriften, men også det <div> element, overskriften ligger i.
Det ville potentielt være noget rod, afhængigt af hvilke ændringer man laver, og det er derfor vigtigt, at man er meget specifik med sine selectors. Hellere unødigt specifik end ikke nok specifik.

Selvom h1 teknisk set er korrekt i dette tilfælde. Så vil det give problemer hvis der fejlagtigt er indsat andre h1 elementer på side. Som f.eks. her:

Min anden overskrift

Derfor er det vigtigt at man specifikt rammer det <h1> element, der har classen .m-product-title

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.