<pre><code style="color: #000000"># CSS Selector Challenge

## Indholdsfortegnelse
- [Forudsætninger](#forudsætninger)
- [Mål for projektet](#mål-for-projektet)
- [Assets](#assets)
- [Regler](#regler)
- [Krav](#krav)

---

## Forudsætninger
I dette projekt skal du teste dine CSS Selector færdigheder. 

For at kunne løse opgaven tilfredsstillende, skal du have kendskab til selector typer som: type selectors, class selectors, pseudo classes, pseudo elements, attribute selectors som fx:

- :first-child
- :last-child
- :nth-child()
- :nth-of-type()
- element[]
- :has()
- :not()
- data-* 

### Mål for projektet
Reglerne er simple. Det gælder om at udforme 20 selectors, som rammer og styler forskelligt indhold på websiden, så den kommer til at ligne de vedlagte screenshot/screencast.
Du må ikke tilføje eller ændre indhold. Du må kun tilføje dine selectors til style.css.

### Eksempel
```css
.main-menu li:first-child::before { 
    content: "";
}
```

### Assets
Download og pak projektet ud. Lad være med at omdøbe eller flytte filer, men lad mappe- og filstrukturen være som den er. 

Mappen indeholder index.html, default.css, style.css og en række SVG-filer som alle skal bruges i projektet.


### Regler
Før at løse projektet må du KUN tilføje CSS-kode til style.css - Intet andet. 

God fornøjelse :-)


## Krav

#### Header

### Logo
1. Highlight home page link i header menu med bagggrundsfarven #ffa500

##### Primary menu
2. Highlight home page link i header menu med bagggrundsfarven #ffa500
1. Tilføj pil til de menupunkter, som har undermenuer

##### Secondary menu
4. Tilføj ikoner til link i header menu (Github, Codepen) 

#### Hero
5. Tilføj baggrundsfarven #ffa500 og farven #333 til de to button elementer

#### Card strip
6. Giv det tredje og fjerde card baggrundsfarven #ffa500
1. Udskriv indholdet af data-dash arttributten i hvert card

#### Aside (left) titles
8. Tilføj baggrundsfarven #333 og farven #fff til h2

#### Aside (right) titles
9. Tilføj baggrundsfarven #ffa500 og farven #fff til h2 

#### Aside: Topics
10. Skift baggrundsfarven til #eee på hver andet (lige) listepunkt

#### Aside: Articles
11. Tilføj globus-ikon til alle listepunkter

#### Aside: Youtube channels
12. Tilføj youtube-ikon til alle listepunkter


#### Aside: Newsletter
13. Tilføj baggrundsfarve til submit-button

#### Main

##### Text
14. Tilføj PDF ikoner til Download links
1. Tilføj baggrundsfarven #ffa500 til om "Need-to-know" og efterfølgende tekst samt border-radius på 1rem
1. Tilføj Word-ikoner til WebDev Guides


#### Table
17. Tilføj farvet cirkel efter overskriften "Best price"
1. Tilføj baggrundsfarve #ffa500 til kolonne 3 i tabellen
1. Tilføj baggrundsfarven #eee og font weight: bold til nederste række i tabellen

#### Footer
20. Tilføj border til kolonne, som ikke indeholder en liste


</code></pre>