ตัวอย่าง
แทรกข้อความบางอย่างก่อนที่เนื้อหาของแต่ละ <p> องค์ประกอบ:
p::before
{
content: "Read this: ";
}
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ฯ :: ก่อนที่จะเลือกสิ่งที่แทรกเนื้อหาก่อนที่จะเลือกของแต่ละ element(s)
ใช้ เนื้อหา คุณสมบัติการระบุเนื้อหาที่จะใส่
ใช้ :: หลังจากที่ เลือกที่จะใส่บางสิ่งบางอย่างหลังจากที่เนื้อหา
| เวอร์ชัน: | CSS2 |
|---|
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เลือก
| ผู้เลือก | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | 9.0 บางส่วนจาก 8.0 | 3.5 | 3.1 | 7.0 บางส่วนจาก 4.0 |
หมายเหตุ: IE8 และ Opera 4-6 เท่านั้นสนับสนุนเก่าเดียวลำไส้ใหญ่ไวยากรณ์ CSS2 (:before) รุ่นใหม่รองรับมาตรฐานดับเบิลลำไส้ใหญ่ไวยากรณ์ CSS3 (::before)
หมายเหตุ: สำหรับ: ก่อนที่จะไปทำงานใน IE8 เป็น <! DOCTYPE> จะต้องประกาศ
CSS ไวยากรณ์
::before {
css declarations ;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
แทรกเนื้อหาทุกครั้งก่อน <p> เนื้อหาองค์ประกอบของเนื้อหาและรูปแบบที่แทรก:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS Pseudo-องค์ประกอบ
CSS Selector อ้างอิง: CSS :: หลังจากที่เลือก