Các phần tử đích có nhiều lớp, trong một quy tắc

Tôi có một số HTML sẽ có các phần tử với nhiều lớp và tôi cần gán chúng theo một quy tắc, để các lớp giống nhau có thể khác nhau trong các thùng chứa khác nhau. Nói rằng tôi có cái này trong CSS của tôi:

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

Sau đó, tôi có cái này trong HTML của mình:

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

Tôi có thể nhắm mục tiêu những điều này trong một quy tắc duy nhất? Như thế này, ví dụ, cái mà tôi biết không hoạt động:

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

.border-blue.background { ... }dành cho một mục với nhiều lớp.
.border-blue, .background { ... }là cho nhiều mục mỗi lớp với lớp riêng của họ.
.border-blue .background { ... }dành cho một mục trong đó '.background' là con của '.border-blue'.

Xem câu trả lời của Chris để được giải thích kỹ hơn.

Chỉ trong trường hợp ai đó tình cờ phát hiện ra điều này như tôi đã làm và không nhận ra, hai biến thể ở trên là dành cho các trường hợp sử dụng khác nhau.

Sau đây là

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

dành cho khi bạn muốn thêm kiểu vào các thành phần có lớp viền màu xanh hoặc lớp nền, ví dụ:

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

tất cả sẽ có được một đường viền màu xanh và nền trắng được áp dụng cho chúng.

Tuy nhiên, câu trả lời được chấp nhận là khác nhau.

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

Điều này áp dụng các kiểu cho các phần tử có cả hai lớp, vì vậy trong ví dụ này, chỉ các kiểu <div>có cả hai lớp sẽ được áp dụng các kiểu (trong các trình duyệt diễn giải CSS đúng cách):

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

Vì vậy, về cơ bản hãy nghĩ về nó như thế này, phân tách dấu phẩy áp dụng cho các phần tử với một lớp HOẶC một lớp khác và phân tách dấu chấm áp dụng cho các phần tử với một lớp VÀ một lớp khác .