Bộ chọn ::before trong CSS

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

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

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

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

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

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

3) Một số ví dụ

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

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