How to exclude id using not pseudo-element?

Question

css

Hello!

There is a code:

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;
}

It allows you to exclude all classes, but you need to exclude IDs too, how to implement this correctly?
In my case, you need to exclude #hotlog_counter
In general, it's better that all id be applied.

Answer 1

To exclude a specific 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 {

}

To exclude all elements with at least some 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 {

}

Well, in general, you are trying to make some strange selectors ...