Стиль <a>без атрибута href

Question

Можно ли сопоставить все ссылки без указания href с помощью CSS?

Пример:

<a>Invalid link</a>

Я знаю, что можно сопоставить все ссылки с href, но я просто ищу противоположность.

Answer 1

Либо используйте CSS3 :not():

a:not([href]) {
    /* Styles for anchors without href */
}

Или укажите общий стиль для всех a и один для a[href], чтобы переопределить его для тех, у кого есть атрибут.

a {
    /* Styles for anchors with and without href */
}

a[href] {
    /* Styles for anchors with href, will override the above */
}

Для поддержки браузеров best (включает древние, но не совсем забытые браузеры), используйте псевдоклассы :link и :visited вместо селектора атрибутов (объединяя оба будет совпадать с a[href]):

a {} /* All anchors */
a:link, a:visited {} /* Override */

Также см. этот ответ для подробного объяснения a[href] против a:link, a:visited.