Почему не меняет цвет ссылки при наведении на нее курсора мыши?

Question

[Greg Plitt]

Добрый день, есть код спойлера:

<style>
.spoiler {
    display: block;
    width: 100%;
   
}
.spoiler > .title {
    display: block;
    padding: 4px;
}
.spoiler > .body {
    padding: 4px;
    border-top: #ccc solid 1px;
    display: none;
}
.spoiler > :checked ~ .body {
    display: block;
}
</style>
	<br>
 <br>
	<label class="spoiler"> <input type="checkbox"> <u>Тайтл спойлера</u>
<div class="body">
	  <br>
		<p>
		Текст в спойлере
		</p>
</div>
 </label>

Только CSS у меня прописал в style.css шаблона. В итоге у меня получается список спойлеров и везде не активная ссылка при нажатие. Что делать? Хочу чтобы при наведение мышкой на название спойлера, менялся цвет названия



Вот тут зеленым показывает так, как мне надо при наведение. Но это я выделил font color, а надо чтобы при наводке..

Я прописывал

<style>
   a:hover {
    color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: underline; /* Добавляем подчеркивание */
   }
  </style>

Но толку не дало

Answer 1

[Максим Тюльпаков]

https://jsfiddle.net/maxwp/5yhrp73k/

Добавил ссылок, все норм. Меняет. Код видимо не полон?

Comments

[Greg Plitt]

Мне нужно, чтобы именно "Тайтл спойлера" менял цвет ссылки, он ведь кликабелен

[Максим Тюльпаков]

bit24yes: https://jsfiddle.net/maxwp/jaxnykuy/ поменяй "a" на "u" Кстати, а что это за тэг "u" ? (к примеру,- тэг "a" - это ссылка)

[Максим Тюльпаков]

О теге сам уже посмотрел, - "Добавляет подчеркивание к тексту. Этот тег осуждается спецификацией HTML, взамен рекомендуется использовать стили."

[Максим Тюльпаков]

text-decoration: underline; /* Добавляем подчеркивание */ - это лишнее, т.к. "u" и есть подчеркнутый текст...

[Greg Plitt]

ёпрст, точно, я забыл что есть "a". ставил для зрительного выделения. Ок, вопрос решен) Спасибо!)

[Greg Plitt]

bit24yes: ставил "u" для зрительного *