- 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 đó.