CSS :: sau Bộ chọn
Thí dụ
Chèn một số văn bản sau nội dung của mỗi phần tử <p>:
p::after
{
content: " - Remember this";
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ ::after
chọn sẽ chèn một cái gì đó sau nội dung của mỗi phần tử đã chọn.
Sử dụng thuộc tính nội dung để chỉ định nội dung cần chèn.
Sử dụng bộ chọn :: before để chèn một cái gì đó trước nội dung.
Phiên bản: | CSS2 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Cú pháp CSS
::after {
css declarations;
}
Các ví dụ khác
Thí dụ
Chèn nội dung sau mỗi phần tử <p> và tạo kiểu cho nội dung được chèn:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Các trang liên quan
Hướng dẫn CSS: CSS Pseudo-Elements
Tham chiếu bộ chọn CSS: CSS :: trước bộ chọn