Tidadigi Logo

CSS ::after Selector

::after selector được sử dụng để thêm nội dung giống nhau nhiều lần sau nội dung các phần tử khác. Selector này tương tự như ::before selector.

Cú pháp:

::after{
        content:
}

Đoạn mã HTML/CSS dưới đây minh họa chức năng của ::after selector:

HTML 
<!DOCTYPE html>
<html>

<head>
    <style>
        p::after {
            content: " - Remember this";
            background-color: blue;
        }
    </style>
</head>

<body>
    <h3>After Selector</h3>
    <p>User ID: @dmor1</p>
    <p>Name: dharam</p>
</body>

</html>

Kết quả:

 css-after-selector 

Các trình duyệt được hỗ trợ

  • Google Chrome 1.0
  • Edge 12.0
  • Firefox 1.5
  • Safari 4.0
  • Opera 7.0

Lưu ý: Opera 4-6 hỗ trợ với dấu hai chấm đơn (:after).


Last Updated : 21/07/2025