Trong một trang web có 5 đoạn văn bản, em có biết khai báo CSS như thế nào để trình bày đoạn văn bản đầu tiên và cuối cùng chữ màu đỏ, còn các đoạn văn bản còn lại chữ màu xanh không?

KHỞI ĐỘNG

Trong một trang web có 5 đoạn văn bản, em có biết khai báo CSS như thế nào để trình bày đoạn văn bản đầu tiên và cuối cùng chữ màu đỏ, còn các đoạn văn bản còn lại chữ màu xanh không?


Để trình bày đoạn văn bản đầu tiên và cuối cùng với chữ màu đỏ, còn các đoạn văn bản còn lại với chữ màu xanh, bạn có thể sử dụng các bộ chọn CSS như :first-of-type và :last-of-type. Dưới đây là cách khai báo CSS để đạt được điều này:

/* CSS */

p:first-of-type {

    color: red;

}

p:last-of-type {

    color: red;

}

p:not(:first-of-type):not(:last-of-type) {

    color: blue;

}


Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh

Bình luận

Giải bài tập những môn khác