Как мне избежать столкновения моих кнопок в одной таблице стилей?

#css #bootstrap-4 #routes

#css #bootstrap-4 #маршруты

Вопрос:

Попытка стилизовать мою кнопку из другого компонента, из которого я перенаправил App.js но он использует тот же стиль css из index.css, я просто хочу избежать столкновения с index.css. Я пробовал css-модули, но, похоже, это не сработало. Теперь мне интересно, является ли установка bootstrap решением. Мой код: https://codesandbox.io/s/gamer-2-0- vgmm0

Комментарии:

1. Я бы абсолютно рекомендовал Bootstrap ВСЕМ, кто любит писать код, но с выполненной грубой работой. В Bootstrap вам даже не нужны дополнительные CSS или JS, кроме как для точной настройки и настройки.

2. Поможет ли это разрешить конфликт стилей? Эта проблема мешает мне завершить два моих проекта.

3. Комментарии не предназначены для обсуждения и общения, поэтому, пожалуйста, не подумайте, что я груб. Совершенно уверен, что когда вы задаете вопросы, пока есть достаточно информации для работы, вы всегда получите ответы. Как правило, при стилизации CSS, если вы можете найти элемент, который задает стиль, его можно изменить или переопределить. Попробуйте использовать консольное представление в вашем браузере для просмотра страницы.

4. Я знаю, что мне не следует обсуждать, но представление консоли мне здесь не очень помогает. В нем говорится, что таблица стилей поступает из index.css, но я пытаюсь стилизовать другие кнопки, которые отображаются при нажатии кнопки.

5. Обсуждение в порядке, если оно относится к заданному вопросу. Звучит так, как будто на <head> вашей странице есть какой-то стиль, который, вероятно, находится внутри <style> тегов. Возможно, здесь есть конфликт с каким-то другим CSS?