₦airaland Forum

To follow website developer, know about pseudo elements and classes?
today i want to share a short lesson on css pseudo elements.

these elements helps to create great design with less coding.

the pseudo elements are listed below:

1. the ::before pseudo element, this is use to display content before an html element is rendered on the browser.

for example, lets say you have a paragraph like this <p>how are you today</p>.

for example if you want to make some words appera before rending the content of the <p> tags, you can use the ::before seudo element.

syntax is :

p ::before{

content: "what should appear before rendering of the content in the <p> tags" ,
you can specify other properties and value here too like you do in css
}

so the above will render:

"what should appear before rendering of the content in the <p> tags how are you today".

you understand?


2. the ::after pseudo element: this works just like the ::before pseudo element just that the content is displayed after the tags.


3. the ::first-letter

4. the ::first-line

pseudo elements.


want me to write for your web developement blogs.

whatsapp/mobile: 08133884165.

I am an expert website developer.