Bộ chọn ::after trong CSS

1) Bộ chọn ::after trong CSS

- Bộ chọn ::after dùng để chọn phần nằm ngay sát phía sau nội dung bên trong phần tử.

- Gợi ý: Để chọn phần nằm ngay sát phía trước nội dung bên trong phần tử thì dùng bộ chọn ::before

2) Cách sử dụng bộ chọn ::after trong CSS

- Để sử dụng bộ chọn ::after, ta dùng cú pháp như sau:

::after{
    các khai báo định dạng CSS
}

3) Một số ví dụ

p::after{
    content: "(webcoban.vn)";
    border:1px solid green;
    background-color:yellow;
    color:red;
}

p.css::after{
    content: "(webcoban.vn)";
    border:1px solid green;
    background-color:yellow;
    color:red;
}