Có thể mô tả kết quả hiển thị của các đối tượng trên trang web như sau:

1. <h4 class="bg">
2. • Ban đầu thẻ h4 được định dạng: chữ nghiêng, màu đỏ, nền xám.
   • Tuy nhiên lớp .bg được khai báo sau nên các thuộc tính trùng sẽ ghi đè (override).
   • Kết quả hiển thị đúng:
   • • Chữ nghiêng
     • Màu chữ đỏ
     • Nền vàng
3. <h4 id="p1">
4. • Bộ chọn định danh #p1 có độ ưu tiên cao hơn.
   • Kết quả hiển thị:
   • • Nền xám
     • Chữ màu xanh
     • Chữ nghiêng
     • Phông chữ Arial
5. <p id="p1"> và <p id="p2">
6. • Hai phần tử này được định dạng theo bộ chọn định danh (id selector).
   • Vì độ ưu tiên của id cao, nên không bị ảnh hưởng bởi các bộ chọn khác.
   • Kết quả hiển thị: theo đúng các thuộc tính đã khai báo trong các bộ chọn #p1 và #p2.

✅ Tóm lại:

• Quy tắc ưu tiên CSS được áp dụng: ID > Class > Tag và khai báo sau có thể ghi đè khai báo trước nếu cùng mức ưu tiên.

Có thể mô tả kết quả hiển thị của các đối tượng trên trang web như sau:

1. <h4 class="bg">
2. • Ban đầu thẻ h4 được định dạng: chữ nghiêng, màu đỏ, nền xám.
   • Tuy nhiên lớp .bg được khai báo sau nên các thuộc tính trùng sẽ ghi đè (override).
   • Kết quả hiển thị đúng:
   • • Chữ nghiêng
     • Màu chữ đỏ
     • Nền vàng
3. <h4 id="p1">
4. • Bộ chọn định danh #p1 có độ ưu tiên cao hơn.
   • Kết quả hiển thị:
   • • Nền xám
     • Chữ màu xanh
     • Chữ nghiêng
     • Phông chữ Arial
5. <p id="p1"> và <p id="p2">
6. • Hai phần tử này được định dạng theo bộ chọn định danh (id selector).
   • Vì độ ưu tiên của id cao, nên không bị ảnh hưởng bởi các bộ chọn khác.
   • Kết quả hiển thị: theo đúng các thuộc tính đã khai báo trong các bộ chọn #p1 và #p2.

✅ Tóm lại:

• Quy tắc ưu tiên CSS được áp dụng: ID > Class > Tag và khai báo sau có thể ghi đè khai báo trước nếu cùng mức ưu tiên.

Có thể mô tả kết quả hiển thị của các đối tượng trên trang web như sau:

1. <h4 class="bg">
2. • Ban đầu thẻ h4 được định dạng: chữ nghiêng, màu đỏ, nền xám.
   • Tuy nhiên lớp .bg được khai báo sau nên các thuộc tính trùng sẽ ghi đè (override).
   • Kết quả hiển thị đúng:
   • • Chữ nghiêng
     • Màu chữ đỏ
     • Nền vàng
3. <h4 id="p1">
4. • Bộ chọn định danh #p1 có độ ưu tiên cao hơn.
   • Kết quả hiển thị:
   • • Nền xám
     • Chữ màu xanh
     • Chữ nghiêng
     • Phông chữ Arial
5. <p id="p1"> và <p id="p2">
6. • Hai phần tử này được định dạng theo bộ chọn định danh (id selector).
   • Vì độ ưu tiên của id cao, nên không bị ảnh hưởng bởi các bộ chọn khác.
   • Kết quả hiển thị: theo đúng các thuộc tính đã khai báo trong các bộ chọn #p1 và #p2.

✅ Tóm lại:

• Quy tắc ưu tiên CSS được áp dụng: ID > Class > Tag và khai báo sau có thể ghi đè khai báo trước nếu cùng mức ưu tiên.

Có thể mô tả kết quả hiển thị của các đối tượng trên trang web như sau:

1. <h4 class="bg">
2. • Ban đầu thẻ h4 được định dạng: chữ nghiêng, màu đỏ, nền xám.
   • Tuy nhiên lớp .bg được khai báo sau nên các thuộc tính trùng sẽ ghi đè (override).
   • Kết quả hiển thị đúng:
   • • Chữ nghiêng
     • Màu chữ đỏ
     • Nền vàng
3. <h4 id="p1">
4. • Bộ chọn định danh #p1 có độ ưu tiên cao hơn.
   • Kết quả hiển thị:
   • • Nền xám
     • Chữ màu xanh
     • Chữ nghiêng
     • Phông chữ Arial
5. <p id="p1"> và <p id="p2">
6. • Hai phần tử này được định dạng theo bộ chọn định danh (id selector).
   • Vì độ ưu tiên của id cao, nên không bị ảnh hưởng bởi các bộ chọn khác.
   • Kết quả hiển thị: theo đúng các thuộc tính đã khai báo trong các bộ chọn #p1 và #p2.

✅ Tóm lại:

• Quy tắc ưu tiên CSS được áp dụng: ID > Class > Tag và khai báo sau có thể ghi đè khai báo trước nếu cùng mức ưu tiên.