В настоящее время я использую Bootstrap 4.0 для своего проекта веб-сайта, и мне пришлось стилизовать некоторые из кнопок bootstrap. Я сомневаюсь только в том, что проверяя в инспекторе, как переопределить определенные стили c, я вижу, что Bootstrap использует действительно длинные смежные классы, например:
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 4px #7d6e7e;
}
Есть ли более элегантный способ переопределить их?
CSSLint, например, кажется, имеет в виду классы, которые соединяются несколько раз, и, читая о специфичности, я не нашел примеров классов, которые были бы такими длинными, но, поскольку Bootstrap использует их, я думаю это не плохая практика?