CSS ::trước Bộ chọn
Ví dụ
Chèn một số văn bản trước nội dung của từng phần tử <p>:
p::before
{
content: "Read this: ";
}
Hãy tự mình thử »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ộ chọn ::before
chèn nội dung nào đó vào trước nội dung của từng phần tử được 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 nội dung nào đó vào 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 ;
}
Thêm ví dụ
Ví dụ
Chèn nội dung trước nội dung của mỗi 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;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Các phần tử giả CSS
Tham chiếu bộ chọn CSS: CSS ::after bộ chọn