Блог

Я новичок в Radium, и мне трудно сделать некоторые из самых простых CSS способом Radium. Вот несколько примеров того, где я зацикливаюсь:

1. Селектор потомков. Я понимаю, что существуют методы применения правил при наведении курсора мыши на родительский элемент путем настройки логики состояния, но, похоже, я не могу найти прямой способ нацеливания на элементы родительского элемента. Например, любой элемент с классом .anchor будет красным. Но если .anchor является потомком .listItem , то он должен быть синим. В css я бы просто сделал .listItem .anchor { color: blue; } . Кажется, я не могу найти простой способ сделать это.

2. Есть ли способ настроить таргетинг на определенный элемент, например a или li ? Или для этого всегда нужен класс?

3. Как насчет соседнего селектора, есть ли радиевый способ справиться с этим? Например, .one .two { color: blue; }

4. Как я могу выбрать прямых дочерних элементов? Например, .container > .ul { color: blue } нацелен только на .ul элементы, которые являются прямыми дочерними элементами контейнера

5. Что, если я хочу придать двум классам одинаковый стиль? Бывший: .one, .two { color: blue }