Как на CSS написать селектор «не обращать внимания на класс»?

Question

[Григорий Васильков]

STYLUS code

a
    &[id]
    &[class]
      text-decoration none

    &:not([class]):not([id])
    &.g-block /* ? если класс такой, то ссылка должна применить свойства, как будто класса нет */
      text-decoration underline

      &:active
      &:hover
        text-decoration none

Собственно в чем сложность... Если есть И ДРУГОЙ КЛАСС ТОЖЕ, то оно должно применить стили как будто класс есть

Answer 1

[Игорь Воронов]

[атрибут^="значение"] - значение атрибута тега начинается с указанного текста. Должно быть что-то вроде &:not([class^="g-"])
По селекторам по атрибуту можно посмотреть здесь.

Comments

[Григорий Васильков]

Прошу подсказать еще кое-что.
Фишка "начинается с" в том то и прикол что "начинается с". Может быть так, что класс с g- находится где-то в середине.
Самый косяк начинается когда мы имеем в одной строке несколько g- классов и несколько обычных. Он должен отработать как будто g- классов нет, то есть нужен для первого случая какой-то такой селектор:

class^~="g-"

а для второго :not(class^~="g-")

[Григорий Васильков]

я пока сделал вот так:

&:not([id])
      &:not([class])
        text-decoration underline

        &:active
        &:hover
          text-decoration none

      &[class]
        &[class*=" g-"]
        &[class^="g-"]
          text-decoration underline

          &:active
          &:hover
            text-decoration none

    &[id]
      text-decoration none

    &[class]
      &:not([class^="g-"])
        &:not([class*=" g-"])
          text-decoration none

[Григорий Васильков]

осталось ОДНОВРЕМЕННО сделать КАК_ТО:
Если класс есть
При этом одновременно он может либо начинаться с "g-" либо содержать " g-"
При этом если есть хотя бы один класс не являющийся g- классом - то тоже стили не должны проверяться.

Нужен селектор "И ХОТЯ БЫ ОДИН КЛАСС НЕ НАЧИНАЮЩИЙСЯ С g-"

[Игорь Воронов]

Григорий Васильков: >> он может либо начинаться с "g-" либо содержать " g-"
В таком случае, это равносильно 'содержать " g-"'.

Тут нужно пробовать, но что-то мне подсказывает, что надо менять названия классов, а то получается какая-то неразбериха ;)
Для всех элементов, где нужно свойство text-decoration: underline, дайте определенный класс и т.д. Подобные цепочки селекторов - плохая практика. Зря время потеряете.

[Григорий Васильков]

Спасибо.

По равенству не совсем эквивалентно, поскольку если класс стоит первым, то содержит "(пробел)g-" вернет false. Поэтому для первого - начинается с "g-" для остальных - содержит. Осталась единственная проблема - если "содержит хотя бы один класс не содержащий g-"

Это просто глобальные классы. Я реально устал постоянно бегать в CSS и указывать для "a" - display: block, а по умолчанию не всегда нужно чтобы было block. Скажем так - в 85% случаев.

Answer 2

[Григорий Васильков]

Пока что решение такое, и оно мне совсем не нравится

&[class]
  &:not([class~="g-hidden"])
    &:not([class~="g-block"])
      &:not([class~="g-iblock"])
        &:not([class~="g-table"])
          &:not([class~="g-cell"])
            &:not([class~="g-inline"])
              &:not([class~="g-centered"])
                &:not([class~="g-clearfix"])
                  &:not([class~="g-left"])
                    &:not([class~="g-right"])
                      &:not([class~="g-cols"])
                        &:not([class~="g-col"])
                          &:not([class~="g-attach"])
                            text-decoration none