Почему портятся стили когда импортирую чужой UI?

Question

[frolldoll]

Я хочу использавать semantic ui в своем react приложенни , но когда делаю

import { Segment, Button, Divider } from 'semantic-ui-react'
import 'semantic-ui-css/semantic.min.css'

То все мои стили который в style.css рушатся и сайт становиться не совсем нормальным

Answer 1

[Максим]

Думаю, ваши правила перезаписываются теми правилами, которые есть в semantic.min.css.

Comments

[frolldoll]

Да так есть , а как это убрать ?

[Максим]

frolldoll, разные стили использовать, либо подключать ваши после semantic.
Подрубите в главном файле приложения стили semantic, а потом ваши основные стили.

[frolldoll]

Максим, А основные стили добавляются в index.html там где рендерится реакт

[Максим]

frolldoll, значит берете стили семантика, и там же в index.html их добавляете до ваших стилей

[frolldoll]

Максим, Заработало но не пойму почему изменился цвет текста на черный на всем сайте , в semantic.css даже этого нету как и в моем style

[Roman Grinberg]

frolldoll, может потому-что цвет нужный не указан?

[frolldoll]

Roman Grinberg, указан

[Максим]

frolldoll, значит нужно отметить решением и идти искать, где там еще стили "переписались" или сломались... где-то возможно в родительском тэге, есть color. В любом случае, это где-то есть. Хотя, черный это цвет по умолчанию, может быть вы как раз забыли указать иной?