HTML-ссылка в неупорядоченном списке, не меняющая цвет при наведении

Question

Я пытаюсь создать связанный с гитарой веб-сайт и изучать HTML и CSS в процессе, но я столкнулся с проблемой: я создал список, в котором все элементы являются ссылками, и я хотел бы дляони должны быть белыми, но желтеют при наведении.Кажется, я не могу выполнить обе эти задачи одновременно.Либо они всегда белые, либо они становятся желтыми, когда парили над ними, но в остальном остаются фиолетовыми.

Я пытался создать функцию наведения как идентификатор (используя ее только один раз, как вы делаете с идентификаторами), создаваяdiv со всеми необходимыми классами, вставляя функцию hover в список ul или в каждый из элементов списка или в описания ссылок.Пока ничего не работает.

HTML и CSS (отдельные файлы):

<div class="ul2 alink1 ahover1 avisited1">

<ul>

<li><a href="https://en.wikipedia.org/wiki/Electric_guitar" target="_blank" 
>Electric guitars</a></li>

<li><a href="https://en.wikipedia.org/wiki/Acoustic_guitar" target="_blank" 
>Acoustic guitars</a></li>

<li><a href="https://en.wikipedia.org/wiki/Semi-acoustic_guitar" 
target="_blank" >Semi-acoustic/semi-hollow guitars</a></li>

<li><a href="https://en.wikipedia.org/wiki/Guitar_synthesizer#MIDI_guitars" 
target="_blank" >MIDI-guitars</a></li>

</ul>

</div>

</body>


.body {
background-color:black;
}
.alink1 a:link {
text-decoration:none;
font-size:26px;
font-style:italic;
color:white;
}
.ahover1 a:hover {
color:yellow;
}
.avisited1 a:visited {
color:white;
}
.ul2 {
list-style-type:circle;
color:white;
} 

Answer 1

Когда речь идет о псевдо-селекторах, они работают в определенном порядке.Таким образом, иерархия выглядит следующим образом:

• : ссылка
• : посещено
• : зависание,: фокус
• : активно

То, чего вы хотите достичь, можно сделать с помощью следующих простых модификаций:

.alink1 a {
text-decoration:none;
font-size:26px;
font-style:italic;
color:white;
}
.ahover1 a:hover {
color:yellow;
}

Удалите селектор a: visit из вашего CSS, поскольку он не нужен, удалите ссылку a: и сделайте ее кактолько тег.

Я считаю, что это то, что вы ищете.