CSS có hai khái niệm id và class. id của một element thì là duy nhất và không có chứa dấu cách rồi. class cũng tưởng không có cách :-?, nhưng đọc code thì thấy cách ầm ầm. Tại sao lại thế nhỉ, kí tự cách (space) ở trong class name có tác dụng gì?

Giả sử bạn có 4 bao thuốc lá. Chúng có cùng kích thước. Nhưng mỗi bao một vẻ! Bao thứ nhất thì vỏ màu xanh và điếu thuốc màu trắng. Bao thứ hai thì vỏ màu vàng và điếu thuốc màu hồng. Bao thứ ba thì vô hình? Bao thứ tư thì có hoa văn cô gái cởi truồng!!! Trên mỗi bao thì ghi tên hãng thuốc, khi là BAO CAO SU, lúc lại là BAO TẢI, thậm chí có cả BAO THANH THIÊN! Bạn muốn vẽ cả 4 bao thuốc này thì làm thế nào cho nhanh nhỉ?

.box {
width: 10px;
height: 5px;
}

.first {
background-color:green; color:white;
}

.second {
background-color:yellow; color: pink;
}

.third {
display: none;
}

.fourth {
background: url(‘/images/girl/sexy/nude-body.gif’);
}

Vẽ 4 bao thuốc nào
<div id=”my-boxes”>
<div id=”first_box” class=”box first”>BAO CAO SU</div>
<div id=”sencond_box” class=”box second”>BAO TẢI</div>
<div id=”third_box” class=”box third”>BAO THANH THIÊN</div>
<div id=”fourth_box” class=”box fourth”>BAO DIÊM VƯƠNG!!!</div>
</div>
Ngộ ra chưa :-??