Как применить класс css при наведении курсора только для одного элемента html
у меня есть диапазон, как показано ниже:
<span class = "fa fa-fw fa-close">
и я хочу, чтобы fa-close был красным цветом при наведении, когда я создаю класс css:
.fa-close:hover{color :red;}
он применяется ко всем пролетам с помощью fa-close, но я хочу, чтобы он применялся только для одного пролета. Как я могу это сделать?
Ответы 4
Добавьте дополнительный класс к конкретному span, где вы хотите применить красный цвет
Например
HTML
<span class = "fa fa-fw fa-close extra">
и CSS как
.fa-close.extra {color :red;}
Итак, теперь, где бы вы ни хотели применить красный цвет, вы можете добавить этот класс.
Hope this helps :)
Обновление в соответствии с требованиями заказа на поставку
Если вам нужен красный цвет только при наведении, тогда ваш код будет таким, как показано ниже
HTML
<span class = "fa fa-fw fa-close extra">
и CSS как
.fa-close.extra:hover {color :red;}
на самом деле, я хочу, чтобы этот красный цвет применялся при наведении курсора мыши, пожалуйста, какие-нибудь идеи?
@gatkipper использует CSS для зависания вместо обычного .fa-close.extra:hover {color :red;}
спасибо за ответ, но цвет по умолчанию установлен красный
удалить .fa-close.extra {color :red;} и добавить .fa-close.extra:hover {color :red;}
Примените внутренний CSS только к этому диапазону: <span class = "fa fa-fw fa-close" style=color:red>
Если вы хотите применить css только к одному элементу, вам следует использовать id вместо class.
# fa-close {цвет: красный;}
Добавьте новый класс в диапазон, а затем напишите css, используя этот класс
HTML
<span class = "fa fa-fw fa-close apply_only_one">
CSS
.apply_only_one.fa-close{color :red;}
Это лучшее решение вашей проблемы.
почему копия того же ответа от другого пользователя?
не копировать, когда я загружал ответ после написания ... потом я увидел, что кто-то еще дал такой же ответ
Вы знаете индекс
span, и всегда ли он один и тот же? Можете ли вы использовать более конкретный селектор?