@lolrofl01

Можно как-то в css убрать определенные стили, если присутствуют другие?

Привет.
Есть список ol. Он у меня в css определен своими правилами:
ol {
                counter-reset: item 0;
                li {
                    counter-increment: item 1;
                    margin-bottom: 15px;
                    padding-left: 23px;
                    position: relative;
                    &:before {
                        display: inline-block;
                        font-weight: 700;
                        text-align: right;
                        content: counter(item) ".";
                        position: absolute;
                        left: 0px;
                    }
                }
            }


Результат вот такой:
63c1240abdac5414701624.png

Но в редакторе можно выбрать кучу других стилей для списка. Например, чтобы было по буквам: abcd или большими ABCD или римскими и так далее. Редактор просто добавляет правило:
<ol style="list-style-type: upper-alpha;">

И получается вот так:
63c1245b34a96147644371.png

Как-то можно убрать мои правила связанные с counter, если задан list-style-type? Типа такого:
li:not(upper-alpha)

li:not(list-style-type)


Я понимаю, что можно в редакторе скрипт написать, чтобы он вместо стиля добавлял класс и уже с классом работать, но там стилей минимум 6 видов, соответственно, 6 классов, долго это все прописывать, легче было бы так, через not или подобным способом, если он есть.
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
/* Правило для li, у которых атрибут style НЕ содержит подстроки list-style-type */
li:not([style*="list-style-type"]) {
  /* свои стили */
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы