Course Content

  • Lecture-40_after
  • Lecture-40_before
  • Lecture-40_first-letter
  • Lecture-40_first-line
  • Lecture-40_selection

Course Content


A CSS pseudo-element is a keyword that you can add to a selection to style a specific area of the element (s). For instance,::first-line can be used to modify the font of a paragraph's first line.

CSS pseudo-classes are used to add styles to selectors, but only when those selectors meet certain conditions. A pseudo class is expressed by adding a colon (:) after a selector in CSS, followed by a pseudo-class such as "hover", "focus", or "active", like this: a:hover { /* your style here */ }

A pseudo-class is used to define an element's particular status. It can, for example, be used to: When a user hovers their mouse over an element, it is styled. Visited and unvisited links should be styled differently. When an element receives a lot of attention, it's time to style it.

A pseudo-element is a 'fake' element that does not appear in the document alongside the'real' elements. Pseudo-classes are 'pseudo' classes that are applied to items under particular conditions, similar to how JavaScript manipulates the classes of elements.

Only one pseudo-element is allowed per selection, and it must come after the series of simple selectors that represent the selector's subjects. Note that in a future version of this standard, several pseudo-elements per selector may be allowed.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere