Как исключить id с помощью псевдоэлемента not?

Question

[master290988]

Здравствуйте!

Есть код:

a[href^="http://"]:not([href*="site.ru"]):not([class]):after,
a[href^="https://"]:not([href*="site.ru"]):not([class]):after {
	content: "" url('/images/external.png');
	padding-left:5px;
}

Он позволяет исключить все классы, но нужно чтобы и айди тоже исключались, как это реализовать правильно?
В моем случае нужно исключить #hotlog_counter
А вообще, лучше чтобы ко все id применялось.

Answer 1

[Роман Сарваров]

Чтобы исключить определенный ID:

a[href^="http://"]:not([href*="site.ru"]):not([class]):not(#hotlog_counter):after, 
a[href^="https://"]:not([href*="site.ru"]):not([class]):not(#hotlog_counter):after {

}

Чтобы исключить все элементы хоть с каким-то ID:

a[href^="http://"]:not([href*="site.ru"]):not([class]):not([id]):after, 
a[href^="https://"]:not([href*="site.ru"]):not([class]):not([id]):after {

}

Ну, а вообще, какие-то странные селекторы вы пытаетесь сделать...

Comments

[master290988]

Спасибо за помощь!

Ну, а вообще, какие-то странные селекторы вы пытаетесь сделать...

Вы имеете ввиду, что можно лучше сделать тоже самое?

[Роман Сарваров]

@master290988
1. ну мне кажется логику в CSS код вставлять не нужно:
a[href^="https://"]:not([href*="site.ru"])
Я бы сделал просто каким-то отдельным классом типа .external-link. А какая ссылка подходит этому классу пусть решает сервер или фронтэнд фреймворк.
2. Исключать все элементы с любом классом или id мне кажется неправильно. А если в будущем потребуется включить в выборку один класс?

В общем делайте классы отдельные под каждый случай.

[master290988]

Роман Сарваров, Спасибо за рекомендацию, сделал по вашему совету.