CSS ::after Selector

แทรกข้อความบางส่วนหลังจากที่เนื้อหาของแต่ละ <p> องค์ประกอบ:

p::after {
content: " - Remember this";
}

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

ฯ :: หลังจากเลือกแทรกบางสิ่งบางอย่างหลังเนื้อหาที่เลือกแต่ละ element(s)

ใช้ เนื้อหา คุณสมบัติการระบุเนื้อหาที่จะใส่

ใช้ :: ก่อนที่จะ เลือกที่จะใส่บางสิ่งบางอย่างก่อนที่เนื้อหา

เวอร์ชัน:	CSS2

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เลือก

ผู้เลือก
::after	4.0	9.0 บางส่วนจาก 8.0	3.5	3.1	7.0 บางส่วนจาก 4.0

หมายเหตุ: IE8 และ Opera 4-6 เท่านั้นสนับสนุนเก่าเดียวลำไส้ใหญ่ไวยากรณ์ CSS2 (:after) รุ่นใหม่รองรับมาตรฐานดับเบิลลำไส้ใหญ่ไวยากรณ์ CSS3 (::after)

หมายเหตุ: สำหรับ: หลังจากที่ไปทำงานใน IE8 เป็น <! DOCTYPE> จะต้องประกาศ

::after {
css declarations ;
}

แทรกเนื้อหาทุกครั้งหลัง <p> องค์ประกอบและรูปแบบเนื้อหาแทรก:

p::after {
    content: " - Remember this";
    background-color: yellow;
    color: red;
    font-weight: bold;
}