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