Не получается придать стили где ошибка?

Question

[neborg]

стили html
<h3><span class="hover_ef">Текст </span> </h3>
если прописать

h3>span:hover {
	color: #635f5b;  
}

все работает, но когда прописываю класс

h3>span.hover_ef:hover {
	color: #635f5b;  
}

или

.hover_ef:hover {
	color: #635f5b;  
}

ничего не работает.
как решить? в коде несколько тегов span и у каждого должен быть свой цвет

Comments

[Andrew]

ничего не работает.

Что это значит?
DevTools браузера открывали? Там нет стилей этих или их что-то перекрывает? Попробуйте в песочнице какой-то сделать также, работает?

Answer 1

[Дима Долготер]

nth-child(порядковый номер)

Answer 2

[neborg]

нашёл решение

.post_n456>h3>span:hover  {
  color: #635f5b ;  
}

проверил на хром, ff, m edge.

Comments

[Виталий Першин]

Это наглядный пример, "Почему вложенные селекторы это плохо".
Вы придали элементу такой вес, что не можете теперь его перебить без костылей...

[Александр Алексеев]

Виталий, это не хорошо и не плохо, это надо просто знать и уметь контролировать

[Виталий Першин]

shure348, Это плохо и использовать нужно только в случаях когда, другого способа нет.

[Александр Алексеев]

Виталий, таких случаев через один когда работаешь с чужим кодом