Не могу выбрать конкретный дочерний div
Я столкнулся со странной проблемой, я не знаю, что здесь происходит. Я создаю изображение слайда реакции, и я хочу дать особый эффект, и поэтому я хочу выбрать div в классе «каждый слайд» и придать ему цвет, например, красный.
Я написал код в файле css для выбора определенного div, но это не работает.
Любая идея о том, что происходит? Ниже приведен код React и CSS.
/*************** Реагировать *************/
<SlideShow easing = "ease">
<div className = "each-slide">
<div>Slide-1</div>
</div>
<div className = "each-slide">
<div>Slide-2</div>
</div>
<div className = "each-slide">
<div>Slide-3</div>
</div>
</SlideShow>
/*************** CSS *************/
.each-slide > div {
color: red;
}
Спасибо заранее, я оценил!
Проблема не связана с css, как видите, css работает правильно.
Да, css выглядит нормально, но нужны ли эти метки ` `?
Bjorn.B, только что добавил скриншот вывода HTML.
Neil W, не обращайте внимания на метки batick, это то, что мне пришлось использовать, чтобы опубликовать свой код, спасибо
Ребята, наблюдение, я просто жестко закодировал встроенный стиль и передал его в div желания, и он работает, но я этого не хочу, это портит мой код :-(
React ограничивает ваши стили.
Ответы 1
Вы пытались повысить специфичность? Подробнее читайте здесь: (https://css-tricks.com/specifics-on-css-specificity/)
Slideshow.each-slide > div {
color: red;
}
Как выглядит визуализированный вывод HTML из devtools? Как скриншот, если вы можете добавить это.