1
00:00:00,310 --> 00:00:02,361
Chúng ta đã học khá nhiều thuộc tính CSS.

2
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.

3
00:00:05,693 --> 00:00:07,192
Đó là khái niệm "kế thừa".

4
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,

5
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

6
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.

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

8
00:00:17,110 --> 00:00:19,031
Khi thêm thuộc tính này
vào bộ chọn "body",

9
00:00:19,031 --> 00:00:20,813
thuộc tính sẽ được tự động áp dụng

10
00:00:20,813 --> 00:00:22,559
với các thẻ hậu duệ của thẻ "body",

11
00:00:22,559 --> 00:00:23,949
ví dụ là thẻ "h1" và thẻ "p".

12
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,

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

14
00:00:29,561 --> 00:00:31,363
"font-family" và gán giá trị "cursive".

15
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".

16
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

17
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,

18
00:00:40,803 --> 00:00:43,828
ví dụ như thuộc tính "color"
định dạng màu cho đầu đề h2.

19
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ư

20
00:00:47,997 --> 00:00:49,424
thuộc tính chỉnh độ đậm

21
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.

22
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

23
00:00:56,357 --> 00:00:58,441
bởi chúng được dùng
để định dạng văn bản

24
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

25
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ệ

26
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 độ.

27
00:01:06,361 --> 00:01:08,451
Tuy nhiên, hầu hết các thuộc tính mới

28
00:01:08,451 --> 00:01:09,779
sẽ không có tính kế thừa.

29
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,

30
00:01:12,649 --> 00:01:15,105
ta có thể thêm thuộc tính đó
vào bộ chọn thẻ "body"

31
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.

32
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

33
00:01:20,270 --> 00:01:21,173
về thuộc tính đó.