Блочный span не перенимает эффекты от a:hover. Как исправить?

Question

[sined9933]

Есть следующий код:

nav a {
	display:block;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.6);
}
nav a:hover {
	color:#fff;

}
nav a span {
	width: 5px;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.6);
	position: absolute;
	right:0;
	bottom: 30px;
	transform: rotate(45deg);
}

При наведении на ссылку у элемента span не меняется цвет, видел некоторые еще вкладывают в тег , но не понял до конца как это работает. Подскажите как заставить перенимать такой span эффект от a:hover.

Comments

[Rustam Bainazarov]

Кусок кода с разметкой:
https://jsfiddle.net

И цвет чего должен меняться? Фон или текст?
Более того, span у вас не «блочный» совсем.

[Lynn «Кофеман»]

А html где?

[Ankhena]

Если я правильно понимаю задачу, то вам не нужен для этого span, а нужен псевдоэлемент.
При наведении цвет меняется на красный (замените на какой вам нужно)
https://jsfiddle.net/o1mc2fwe/

Answer 1

[RMate]

вам надо сделать так -

a:hover span {
 ...стили...
}

Answer 2

[Максим]

Вообще span у вас не блочный а блочный у вас тег ссылки и соответственно всё что вы написали для span работать не будет ..

width: 5px; не сработает 
  height: 2px; не сработает
  background-color: rgba(255, 255, 255, 0.6); сработает
  position: absolute; сработает
  right:0; сработает
  bottom: 30px; сработает 
  transform: rotate(45deg); не сработает

Comments

[Ankhena]

Шутка в том, что абсолют автоматом переводит элемент в блочный и соответственно, сработает и все остальное.
https://jsfiddle.net/cy94xmLo/
Посмотрите, во-первых, квадрат отображается квадратом и на вкладке computed будет стоять display:block.

[Максим]

Ankhena,
по крайней мере - block не активно ....хотя интересно

[Ankhena]

Максим Ленский, неактивно, потому что из-за абсолюта, а не из правил стилей верстальщика или браузера.

[Максим]

Ankhena, ну получается же что как бы block и как бы нет ?

[Ankhena]

Максим Ленский, да почему же "как бы нет"?
Ведёт себя как блок и четко написано, что блок.