Почему не присваивается свойство color к псевдо-классу :hover в CSS?

У меня есть такой блок с двумя списками. Я их стилизировал, все работает кроме строк со значениями:
spoiler
<div class="list1">
	<div class="l1">
			<ul class="ll1">
				<li>Put on this page information about your product    </li>
				<li>A detailed description of your product</li>
				<li>Tell us about the advantages and merits</li>
				<li>Associate the page with the payment system</li>
			</ul>
			<ul class="ll2">
				<li class="rd">Put on this page information about your product</li>
				<li class="rd">A detailed description of your product</li>
				<li class="rd">Tell us about the advantages and merits</li>
				<li class="rd">Associate the page with the payment system</li>
			</ul>
		</div>
	</div>


.rd:hover{
	color: red;
}

(пробовал и по отдельности)
.ll2 li:hover{
	text-decoration-color: #f00;
}

при всём, я переписывал и перерыл интернет разными способами, но цвет текста второго списка так и не меняется
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
ib0123456789
@ib0123456789
Parse error: syntax error, unexpected ';'
Удали с блока ответов свой ответ и отредактируй вопрос.
Примеры кода следует оформлять в песочнице, например jsfiddle.net

Насчет вопроса: ты цвет декорации задал, а само свойство text-decoration нет

.ll2 li:hover {
    text-decoration: underline;
    text-decoration-color: red;
}


Или там же свойство color: red; если цвет текста нужно изменить
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы