Bài 10. Bộ chọn lớp, bộ chọn định danh

Bạn chưa đăng nhập. Vui lòng đăng nhập để hỏi bài
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?

Nguyễn  Việt Dũng
29 tháng 4 lúc 10:10

Để 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;

}