Phân biệt màu chữ, nền và viền

```css div { color: navy; background-color: #fff8dc; border: 2px solid teal; } em { background-color: yellow; border: 1px solid red; } ``` ```html <div> Chữ trong hộp: <span>cụm A</span>. Phần đánh dấu: <em>cụm B</em>. </div> ``` span chưa có quy tắc riêng nên chữ cụm A kế thừa màu navy từ div. Nền ban đầu của span là transparent (trong suốt), nên thấy màu #fff8dc của div ở phía sau. **background-color không tự kế thừa**; thấy cùng nền không có nghĩa span nhận giá trị nền ấy. em được đặt nền vàng và viền đỏ riêng, còn chữ vẫn kế thừa navy. Viền của div không tự truyền cho span hoặc em. Khi đổi viền div, cần quan sát cả viền riêng của em để tránh nhầm hai hộp.