Как я могу переопределить классы с помощью JSS
В моей библиотеке компонентов есть несколько готовых компонентов, которые потребуют от меня некоторых переопределений. Я стараюсь избегать использования традиционных CSS или SASS, но я не уверен, как можно переопределить классы в JSS.
Это не дубликат. Я пытаюсь сделать это в JSS, а не в CSS
Вы можете уточнить? У вас есть где-нибудь демо?
Конечно, я имею в виду ... Просто что-то вроде этого ... Вот то, что мой код компилируется ... <div class = "MuiListItemText-root-262 /> Я хочу иметь возможность настроить таргетинг на этот конкретный элемент, например этот const styles = () => { MultiListItemText-root-262: { color: red; } }
Вам удалось этого добиться? @ChristopherMellor, у меня сложилось впечатление, что ваш вопрос неправильно понял
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вот базовая реализация. Сначала я ищу элемент DOM, а затем меняю его свойство className. Однако есть несколько способов добиться этого, и ни один из них не обязательно лучше другого.
function change () {
let el = document.getElementsByClassName('bar');
el[0].className = "foo";
}.bar {
background-color: red;
flex-wrap: wrap;
}
.foo {
background-color: green;
}<div class = "bar">
aefreawafeawef
</div>
<button onclick = "change()">change class</button>Я только добавляю classList.
function change () {
let el = document.getElementsByClassName('bar');
el[0].classList.add("foo");
}.bar {
background-color: red;
flex-wrap: wrap;
}
.foo {
background-color: green;
}<div class = "bar">
aefreawafeawef
</div>
<button onclick = "change()">change class</button>
Возможный дубликат Как переопределить свойства класса CSS с помощью другого класса CSS