Fel vid användning av flera CSS-selektorer
Påminnelse om ett vanligt nybörjarmisstag: selektorn
.bbb.zzz och selektorn .bbb .zzz
gör olika saker. Den första letar efter ett element
som har båda klasserna samtidigt, medan den andra
letar efter ett element med klassen zzz som finns
inuti ett element med klassen bbb.
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
h2.zzz {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
h2 .zzz {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
.bbb.zzz {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
.bbb .zzz {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
.bbb.zzz.xxx {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
.bbb .zzz.xxx {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
.bbb.zzz .xxx {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
.bbb .zzz .xxx {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
#elem.bbb {
color: red;
}
Förklara vad selektorn i koden nedan väljer ut. Skriv sedan HTML-kod som passar till denna selektor. Här är koden med selektorn:
#elem .bbb {
color: red;
}