CSS :: trước Bộ chọn
Thí dụ
Chèn một số văn bản trước nội dung của mỗi phần tử <p>:
p::before
{
content: "Read 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ộ ::before
chọn sẽ chèn một cái gì đó trước 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 :: after để chèn một cái gì đó sau 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 | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Cú pháp CSS
::before {
css declarations;
}
Các ví dụ khác
Thí dụ
Chèn nội dung trước mỗi nội dung của phần tử <p> và tạo kiểu cho nội dung được chèn:
p::before
{
content: "Read 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 :: sau bộ chọn