Keskustelu: Nettisivujen teko: Aivan alkeista lähden

Joten ei saa nauraa... Yhdellä sivulla on kaksi eri valikkoa. Miten erotellaan ne toisistaan, kun molemmille valikoille halutaan eri tyylit esim linkityksessä?

Toisessa väri vaihtuu hiiren viedessä päälle ja toisessa esim vain lisätään alleviivaus kun hiiri viedään linkin päälle. Ilmeisesti käsitellään vain html-merkkejä sekä css-tiedostoa, jonne ajattelin määritellä nämä tyylit.

Moderaattori siirsi relevantimmalle osastolle

Anna eri classit niille valikoille

<ul class="ekamenu">
  <li><a href="#">tavaraa</a></li>
</ul>

<ul class="tokamenu">
  <li><a href="#">jne...</a></li>
</ul>

Jolloin voit classin perusteella rajata tyylien pätevyyden CSS:ssä:

.ekamenu a {
  color: #f00;
}

.ekamenu a:hover {
  color: #ff0;
}

.tokamenu a {
  color: #0f0;
}

.tokamenu a:hover {
  color: #0ff;
}

Ja alleviivauksen saat kirjoittamalla

.tokamenu a:hover {
  text-decoration: underline;
}

Jos kyse on kahdesta uniikista valikosta, niin tällöin pitäisi käyttää id-attribuuttia classin sijaan. Jos kyse on esim. alivalikoiden erottelusta ylemmän tason menuista, niin tällöin classia.

HTML:
<ul id="unique-menu1">
  <li>...</li>
  <li>...</li>
</ul>

CSS:
ul#unique-menu1 {
  color: purple;
  ...
}

Kiitos noista vinkeistä, juuri tuota hain mutta en löytänyt oikeaa tapaa... Kiitos, hyvät ystävät!