- Chúng ta đã học
khá nhiều thuộc tính,

trong bài học hôm nay chúng ta sẽ đến với

một tính năng tiếp theo mà
bạn có thể đã nhận ra trước đó rồi,

đó là khái niệm "kế thừa" trong CSS.

Một vài thuộc tính của
CSS có khả năng kế thừa

tức là các thuộc tính này
sẽ tự động được áp dụng

cho các thẻ con
ở bên dưới.

Ví dụ, phông chữ là
một thuộc tính kế thừa.

Chỉ cần thêm thuộc tính này ở thẻ body

là nó sẽ được thêm tự động

ở dưới các thẻ con

giống như đầu đề H1 trong các đoạn văn.

Thuộc tính này chỉ mất tác dụng khi
có một quy tắc khác được thêm vào

giống như quy tắc thay đổi phông chữ

của tất cả các đầu đề thành phông chữ "cursive".

Một thuộc tính kế thừa khác là màu sắc.

Nếu ta thêm thuộc tính này ở thẻ body,
ta sẽ thấy thuộc tính được tự động

thêm vào tất cả các thẻ trong thẻ body cho
đến khi các quy tắc khác ghi đè lên nó,

giống như quy tắc cài đặt các đầu
đề H2 thành màu xanh.

Các thuộc tính kế thừa khác
mà ta thấy ở đây gồm

các thuộc tính văn bản mà
ta đã thực hành trước đó.

Trên thực tế, chúng ta đã thấy
rất nhiều thuộc tính kế thừa

bởi chúng được dùng để
thiết kế văn bản

và trình duyệt sẽ tự hiểu rằng
những người thiết kế trang web

muốn kiểu văn bản tự động được
áp dụng xuống các dòng dưới

để họ không phải viết lại
các thuộc tính

ở mỗi cấp độ nữa.

Tuy nhiên, hầu hết
các thuộc tính mới

sẽ không có tính kế thừa.

Nếu bạn không chắc chắn liệu một
thuộc tính có tính kế thừa hay không

bạn có thể thêm thuộc
tính đó vào thẻ body

để xem nó có được áp dụng
xuống các dòng dưới hay không,

hoặc bạn có thể tìm tài liệu
tham khảo trên Internet

về thuộc tính đó.