किसी भी एलिमेंट से पहले कुछ कंटेंट इन्सर्ट करने के लिए :before एलिमेंट का उपयोग करें।
उदाहरण
CSS से किसी एलिमेंट से पहले कंटेंट इन्सर्ट करने के लिए निम्न कोड चलाएं:
<html>
<head>
<style>
p:before {
content: url(/images/bullet.gif);
}
</style>
</head>
</head>
<body>
<p> इस लाइन से पहले एक बुलेट होगा।</p>
<p> इस लाइन से पहले एक बुलेट होगा।</p>
<p> इस लाइन से पहले एक बुलेट होगा।</p>
</body>
</html>
नोट: :before एक स्यूडो-एलिमेंट है जो एलिमेंट के कंटेंट से पहले जेनरेटेड कंटेंट इन्सर्ट करता है। आधुनिक CSS में इसे ::before (डबल कोलन) लिखा जाता है।