search

hanaalkadri / educom-webshop-basis

0 stars 0 forks source link

Gebruik meer specifieke selectors in je CSS file, om de velden in je menu te stylen #20

Open JeroenHeemskerk opened 1 year ago

JeroenHeemskerk commented 1 year ago

In de CSS worden ALLE <a> tags aangepast, voor aanpassingen die ALLEEN voor het menu zijn https://github.com/hanaalkadri/educom-webshop-basis/blob/daaccdccd5d7752986665ec533330b7a829a919b/CSS/stylesheet.css#L13-L32 Door de <li> tag (eigenlijk <ul> tag zie issue #11) een class te geven kan je preciezer zijn in je CSS. Daarnaast kan je in CSS selectors die dezelfde inhoud hebben (zoals a:link, a:visited, etc) kan je achter elkaar zetten. https://github.com/hanaalkadri/educom-webshop-basis/blob/daaccdccd5d7752986665ec533330b7a829a919b/index.html#L13-L15 aanpast naar 

      <li class="menu"> 
        <ul>
          <a href="./index.html"> Home </a>

Kan je in je CSS iets zetten als 

.menu a:link, .menu a:visited, .menu a:hover, .menu a:active { 
  text-decoration: none; 
}
.menu a { 
  /* ... blue ... */ 
}
hanaalkadri commented 1 year ago

Beste Jeroen,

Ik heb heel erg last van hooikoorts. Ik ga mijn best doen om avond te werken.

Hana Alkadri

On Fri, 10 Mar 2023 at 10:55, Jeroen Heemskerk @.***> wrote:

Assigned #20 https://github.com/hanaalkadri/educom-webshop-basis/issues/20 to @hanaalkadri https://github.com/hanaalkadri.

— Reply to this email directly, view it on GitHub https://github.com/hanaalkadri/educom-webshop-basis/issues/20#event-8716561835, or unsubscribe https://github.com/notifications/unsubscribe-auth/A5QFRVLPQ2ALQJEPF23ULVLW3L3ABANCNFSM6AAAAAAVWHSXUY . You are receiving this because you were assigned.Message ID: @.*** com>