Edytowanie kilku różnych linków na stronie

pytanie zadane 16 listopada 2022 w HTML i CSS przez Millo Nowicjusz (150 p.)

Posiadam dwa linki na stronie, chciałbym żeby oba były różne od siebie załóżmy jeden niebieski drugi czerwony. Natomiast kiedy edytuje je za pomocą divów kolory się nie zmieniają, dopiero wtedy kiedy edytuje znacznik a{} coś się dzieje ale niestety na obu linkach. I teraz moje pytanie jest takie, Co muszę zrobić żeby móc swobodnie edytować każdy z osobna?

komentarz 16 listopada 2022 przez Velta Maniak (52,010 p.)

Czemu po prostu nie uwzględnisz klasy dla konkretnego odnośnika?

komentarz 16 listopada 2022 przez Millo Nowicjusz (150 p.)

W jaki sposób się to robi?

2 odpowiedzi

odpowiedź 16 listopada 2022 przez VBService Ekspert (253,340 p.)
wybrane 18 listopada 2022 przez Millo

Najlepsza

Tak jak wspomniał @Velta;

uwzględnisz klasy dla konkretnego odnośnika

czyli np.


<a href="#" class="darkblue">Jestem koloru ciemno niebieski</a>
<a href="#" class="green">Jestem koloru zielonego</a>

<div class="orange-links">
  <a href="#">Jestem koloru pomarańczowego i mam ramkę</a>
  <a href="#">ja też jestem koloru pomarańczowego</a>
  <a href="#">ja też jestem koloru pomarańczowego</a>
</div>

<style>
  a {/* style dla wszystkich <a>*/
    display: block;
    text-decoration: none;
    padding: 0.5em;
    width: 50%;
  }
  .darkblue {/* style dla <a> class darkblue */
    color: darkblue;
  }
  .green {
    color: green;
  }
  .orange-links a {
    color: orange;
  }
  .orange-links a:first-child {
    text-align: center;
    border: 2px solid orange;
  }
  .orange-links a:not(:first-child) {
    text-transform: uppercase;
  }
</style>