Цільові елементи з декількома класами в межах одного правила

У мене є якийсь HTML, який би містив елементи з кількома класами, і мені потрібно призначити їх у межах одного правила, щоб ті самі класи могли бути різними в різних контейнерах. Скажіть, у мене це є у моєму CSS:

.border-blue {
    border: 1px solid blue;
}
.background {
    background: url(bg.gif);
}

Тоді я маю це у своєму HTML:

<div class='border-blue background'>Lorum Crap No-one Cares About Ipsum</div>

Чи можу я націлити їх на одне правило? Наприклад, як, наприклад, який я знаю, не працює:

.border-blue, .background {
    border: 1px solid blue;
    background: url(bg.gif);
}

.border-blue.background { ... }призначений для одного предмета з кількома класами.
.border-blue, .background { ... }призначений для декількох предметів, кожен з яких має свій клас.
.border-blue .background { ... }є для одного елемента, де ".background" є дочірньою ".border-blue".

Дивіться відповідь Кріса для більш ретельного пояснення.

На випадок, якщо хтось натрапить на це так, як я це зробив, і не усвідомлює, ці два варіанти є для різних випадків використання.

Наступне:

.blue-border, .background {
    border: 1px solid #00f;
    background: #fff;
}

призначено для того, коли ви хочете додати стилі до елементів, які мають клас блакитної рамки або фон, наприклад:

<div class="blue-border">Hello</div>
<div class="background">World</div>
<div class="blue-border background">!</div>

всі отримали б блакитний кордон та білий фон, застосований до них.

Однак прийнята відповідь відрізняється.

.blue-border.background {
    border: 1px solid #00f;
    background: #fff;
}

Це стосується стилів до елементів, які мають обидва класи, тому в цьому прикладі <div>слід застосовувати лише стилі обох класів (у браузерах, які правильно інтерпретують CSS):

<div class="blue-border">Hello</div>
<div class="background">World</div>
<div class="blue-border background">!</div>

Тому в основному думайте про це так, розділення комами застосовується до елементів одного класу АБО іншого класу, а розділення точок стосується елементів одного класу ТА іншого класу .