див должен быть перед инпутом
Попробуй так [class|=Checkbox_checkmark] { background-color: red}
не совсем понял как этим пользоваться, есть дока чтоли?
Получилось таким образом, НО ко второму внутреннему через &> div не могу дотянуться, может я неправильно пишу SCSS ? .tablewrap > div > table > tbody > tr > td > div > label > div { top: 0; &> div { border: 1px solid grey; } }
https://developer.mozilla.org/ru/docs/Web/CSS/Attribute_selectors
вот это замени на .tavlewrap [class|=Checkbox_checkmark] { border: 1px solid grey; } и достучишься до того который нужен. выглядит как костыль и является костылём. но еси нет идей то вплне себе решение. ещё один вариант - это скопировать из devTools селектор и использовать то что предлагается там ) но я до конца не понял какую именно проблему вы решаете ? У вас какая задача ? почему нельзя обратиться к этому элементу как задумано изначально?
Компоненты тянуться из библиотеки, нежелательно их трогать что бы в других местах ничего не поплыло ) ..
.tablewrap > div > table > tbody > tr > td > div > label > div { top: 0; & > div { border: 1px solid grey; } } Не подскажите почему во втором случае не могу дотянуться (в первом все ок), каков корректный синтаксис для scss для символов >
в библиотеке не сказали как правильно подхачить их код ?
Наша блиблиотека)
если стулед то чего не сделать так MyCheckbox = styled(Checkbox)` ${Checkmark} { color: red; }` вариант с подхачиванием какой-то части при помощи tablewrap > div > table > tbody > tr > td > div > label > div { обречён на провал. как только кто-то поменяет порядок элементов вам придётся всё чинить. если таких мест будет несколько то без авто тестов лучше ничего подобного не делать.
Обсуждают сегодня