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