Question

[datcoder]

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?

Answer 1

[Nguyễn Việt Dũ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;

}