CSS3 > Selectors

Before selector in CSS3

How to insert content before selected element(s) in CSS3?


By using Before selector we can place the content before selected element(s).

<style>
        b::before {
            content: " Sheo Narayan - ";
        }

        h3::before {
            color: green;
            content: "S Narayan - ";
        }
</style>

<body>
    <b>The Founder of</b>
    <ul>
        <li>DotNetFunda.com</li>
        <li>ITFunda.com</li>
        <li>TechFunda.com</li>
        <li>KidsFunda.com</li>
        <li>FarmingFunda.com</li>
        <li>FundooVideo.com</li>
    </ul>
    
    <h3>The CEO of SNIT Funda Service LLP</h3>
</body>

In the above code snippet, style is applied to the <b> tag and <h3> tag.

OUTPUT


 Views: 801 | Post Order: 9



Write for us