Использование пользовательских CSS на классах начальной загрузки - вредная привычка? - PullRequest
Новая
       21

Использование пользовательских CSS на классах начальной загрузки - вредная привычка?

0 голосов
/ 27 сентября 2018

Допустим, я получил следующее в моем index.html, и я использую Bootstrap : 

<head>
bootstrap stylesheet
main.css stylesheet
...


<button class="btn btn-primary">Button</button

Btn-primary - класс для создания синей кнопки.

Я хочу поменять все мои основные кнопки, скажем, на красные.

Плохо ли мне идти прямо в класс Boostrap или я должен сделать свои собственные?В main.css: 

btn-primary{ background: red; }

VS 

btn-red{ background: red; } //applying that class to the button in question obviously

Я спрашиваю только о хорошей практике .

Я знаю, что оба работают.

Я просто хочу знать, использую ли я для этого классы начальной загрузки, я делаю что-то, что обычно не очень хорошо принимается.

1 Ответ

0 голосов
/ 27 сентября 2018

Хорошая практика подразумевает, что код структуры не редактируется в файлах, предоставляемых платформой.

В своей практике я использую файл override.css (или часть файла), чтобы специально переопределить стили каркаса.

ex: 

/* Bootstrap.css */
.btn-primary {
    background-color: not-red;
}

/* Override.css - load this after Bootstrap.css */
.btn-primary {
    background-color: red;
}

** Обратите внимание, что это упрощенная версия, и что иногда фреймворк будет иметь более конкретные селекторы, чем просто стиль класса, например, form .btn-primary для<form> кнопки.В этом случае вы можете отказаться от определения фреймворка или использовать !important в своем стиле.

Если Bootstrap обновит их фреймворк, мне будет просто обновить и сохранить свои стили.Это также решает проблему избыточных классов, поскольку вы все еще можете использовать классы Bootstrap со своими собственными стилями.

...