WEBVTT

00:00:00.310 --> 00:00:02.361
Chúng ta đã học khá nhiều thuộc tính CSS.

00:00:02.361 --> 00:00:05.693
Ở video này, ta sẽ tìm hiểu về
một khái niệm mà có thể bạn đã từng gặp.

00:00:05.693 --> 00:00:07.192
Đó là khái niệm "kế thừa".

00:00:07.402 --> 00:00:09.364
Một vài thuộc tính của
CSS có tính kế thừa,

00:00:09.364 --> 00:00:11.577
tức là các thuộc tính này
sẽ tự động được áp dụng

00:00:11.577 --> 00:00:14.163
cho các thẻ hậu duệ ở dưới thẻ cha
đã được áp dụng thuộc tính.

00:00:14.163 --> 00:00:17.110
Ví dụ, thuộc tính "font-family" là
một thuộc tính được kế thừa.

00:00:17.110 --> 00:00:19.031
Khi thêm thuộc tính này
vào bộ chọn "body",

00:00:19.031 --> 00:00:20.813
thuộc tính sẽ được tự động áp dụng

00:00:20.813 --> 00:00:22.559
với các thẻ hậu duệ của thẻ "body",

00:00:22.559 --> 00:00:23.949
ví dụ là thẻ "h1" và thẻ "p".

00:00:23.949 --> 00:00:27.146
Thuộc tính này sẽ dừng được áp dụng khi
một quy tắc khác được thêm và ghi đè lên,

00:00:27.146 --> 00:00:29.561
giống như quy tắc cho
đầu đề h2 ở dưới, có thuộc tính

00:00:29.561 --> 00:00:31.363
"font-family" và gán giá trị "cursive".

00:00:31.503 --> 00:00:34.208
Ta cũng có thể thấy một thuộc tính
kế thừa khác là "color".

00:00:34.208 --> 00:00:37.032
Nếu thêm thuộc tính này ở
bộ chọn "body", thuộc tính được tự động

00:00:37.032 --> 00:00:40.803
áp dụng với tất cả các thẻ hậu duệ của thẻ
"body" đến khi có quy tắc khác ghi đè lên,

00:00:40.803 --> 00:00:43.828
ví dụ như thuộc tính "color"
định dạng màu cho đầu đề h2.

00:00:44.428 --> 00:00:47.997
Trong chương trình này, ta còn có
các thuộc tính kế thừa khác như

00:00:47.997 --> 00:00:49.424
thuộc tính chỉnh độ đậm

00:00:49.424 --> 00:00:53.252
cỡ chữ, kiểu chữ, độ cao dòng
và căn chỉnh lề văn bản.

00:00:53.252 --> 00:00:56.357
Nhìn chung, rất nhiều thuộc tính
ta đã dùng có tính kế thừa

00:00:56.357 --> 00:00:58.441
bởi chúng được dùng
để định dạng văn bản

00:00:58.441 --> 00:01:00.896
và trình duyệt sẽ hiểu rằng
người thiết kế trang web

00:01:00.896 --> 00:01:03.783
muốn mỗi kiểu định dạng được tự động
áp dụng cho các thẻ hậu duệ

00:01:03.783 --> 00:01:06.361
để họ không phải viết lại
các thuộc tính ở mỗi cấp độ.

00:01:06.361 --> 00:01:08.451
Tuy nhiên, hầu hết các thuộc tính mới

00:01:08.451 --> 00:01:09.779
sẽ không có tính kế thừa.

00:01:09.779 --> 00:01:12.649
Nếu không chắc chắn một
thuộc tính có tính kế thừa hay không,

00:01:12.649 --> 00:01:15.105
ta có thể thêm thuộc tính đó
vào bộ chọn thẻ "body"

00:01:15.105 --> 00:01:17.796
và xem định dạng có được
áp dụng cho các thẻ hậu duệ không.

00:01:17.796 --> 00:01:20.270
Hoặc ta có thể tìm tài liệu
tham khảo trên Internet

00:01:20.270 --> 00:01:21.173
về thuộc tính đó.