Uppgift 1


ID: small, class: bold

Style padding

Class: italic

Class: big and bold

Frågor:

Blir texten svart eller blir den vit som inställningen för p-taggarna säger?

Svar: Texten blir svart

Första div:en har både ett ID och en klass. Testa att skriva CSS i #small som motverkar det som klassen .bold gör. Händer det något? Varför?

Svar: Ja, texten blir inte längre bold, då ID går över class i specificitet

På selektorn .big lägger du till text-decoration: none; Hur påverkar det sidan? Varför?

Svar: Inget händer, då vi ber saker med 2 klasser att ha text decoration, vilket är fler än 1

Uppgift 2


Special Box
Special Box

This is a paragraph.

Special Box

This is a paragraph.

Special Box

Vilken färg kommer texten ha? Varför?

1.

Svar: Texten blir orange då summan av en ID och ett element är mer än bara ett ID

2.

Svar: Texten blir blå II---II

3.

Svar: Blå II---II

4.

Svar: Grön II---II

5.

Svar: Grön II---II

6.

Svar: Blå II---II