Computer >> Máy Tính >  >> Lập trình >> CSS

Tạo kiểu cho mọi phần tử

là phần tử con cuối cùng của phần tử cha của nó bằng CSS

Để tạo kiểu cho mọi phần tử

là phần tử con cuối cùng của phần tử gốc của nó, hãy sử dụng công cụ chọn CSS:last-child. Bạn có thể thử chạy mã sau để triển khai:công cụ chọn con cuối cùng

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         p:last-child {
            background: orange;
         }
      </style>
   </head>
   <body>
      <p>This is demo text1.</p>
      <p>This is demo text2.</p>
      <p>This is demo text3.</p>
   </body>
</html>

Đầu ra

Tạo kiểu cho mọi phần tử  p 
 là phần tử con cuối cùng của phần tử cha của nó bằng CSS