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

Чтобы исключить определенный 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 {

}

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

С помощью только лишь Bootstrap это не сделать. Пишем свой CSS:

@media (max-width: 575px) {
    .alert--test {
        background-color: var(--primary);
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .alert--test {
        background-color: var(--success);
    }
}

@media (min-width: 992px) and (max-width: 1999px) {
    .alert--test {
        background-color: var(--warning);
    }
}

@media (min-width: 1200px) {
    .alert--test {
        background-color: var(--danger);
    }
}

В вашем коде нужно убрать alert-primary col-xl-alert-danger и добавить уникальный класс, в моем случае это, например, alert--test.

Как задаете высоту контейнера?