CSS ::ก่อน Selector
ตัวอย่าง
แทรกข้อความก่อนเนื้อหาของแต่ละองค์ประกอบ <p>:
p::before
{
content: "Read this: ";
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัว::before
เลือกแทรกบางสิ่งก่อนเนื้อหาของแต่ละองค์ประกอบที่เลือก
ใช้ คุณสมบัติ เนื้อหาเพื่อระบุเนื้อหาที่จะแทรก
ใช้ ตัวเลือก ::afterเพื่อแทรกบางสิ่งหลังเนื้อหา
รุ่น: | CSS2 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
ไวยากรณ์ CSS
::before {
css declarations;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
แทรกเนื้อหาก่อนทุก <p> เนื้อหาขององค์ประกอบ และจัดรูปแบบเนื้อหาที่แทรก:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS Pseudo-elements
การอ้างอิงตัวเลือก CSS: CSS ::หลังจาก selector