Как выбрать тег JSX в моей таблице стилей css

как мне выбрать свой тег <Link to> в моем файле css.

<nav>
   <Link to='/'>Landing</Link>
   <Link to='/library'>Library</Link>
   <Link to='/album'>Album</Link>
</nav>

header nav Link to:hover{
  background-color: green;
}

Я почти уверен, что React Link отрисовывает якорь. Все, что вам нужно сделать, это стилизовать тег привязки. Вы пытаетесь стилизовать разметку JSX, которая в конечном итоге не отображается.

Joseph Marikle 23.08.2018 23:51

Я забыл эту маленькую деталь, и вы правы, это тег привязки

Wolf_Tru 24.08.2018 00:32
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
2
24
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если элемент <Link to='/'>Landing</Link> является компонентом react-router-dom, он станет <a href = "/">Landing<a> (вы можете проверить это в инструментах разработчика браузера).

В вашем случае вам понадобятся:

header nav a:hover{
    background-color: green;
}

ааа проверка элемента в браузере - полезный метод, спасибо за подсказку!

Wolf_Tru 24.08.2018 00:31

Другие вопросы по теме