Bộ chọn lớp và phần tử thuộc nhiều lớp

```html <p class="can_doc">A</p> <p class="can_doc noi_bat">B</p> <div class="can_doc"> <p class="noi_bat">C</p> </div> <p class="Can_doc">D</p> ``` ```css .can_doc { color: navy; } p.can_doc { font-weight: bold; } .can_doc.noi_bat { background-color: yellow; } .can_doc .noi_bat { border: 2px solid teal; } ``` .can_doc chọn p A, p B và div chứa C. Vì color có thể kế thừa, chữ C cũng có thể nhận navy từ div; không vì thế mà p C tự thuộc lớp can_doc. p.can_doc chọn A, B nên hai đoạn đậm. .can_doc.noi_bat chọn phần tử có **cả hai lớp**, ở đây là B, nên B có nền vàng. .can_doc .noi_bat có dấu cách, chọn phần tử lớp noi_bat nằm trong phần tử lớp can_doc: ở đây là C, nên C có viền teal. D dùng Can_doc với C viết hoa nên không khớp .can_doc.