Selector- Pseudo-selector (Pseudo-element)

1 - About

Pseudo-elements are added to selectors to be able to select a sub-content of a content element. See CSS - Addessing model (through selector and properties).

They will also add an element into the flow.

This are not pseudo-class

3 - Syntax


selector::pseudo-element {
  property: value;
}

4 - List

5 - Example

Below the pseudo element has an aqua border.


p::before{
   content: "What ever ... ";
   display: inline;
   border:1px solid aqua;
}


<p>This text will have "What ever" with an aqua border at its beginning</p>

6 - Documentation / Reference


Data Science
Data Analysis
Statistics
Data Science
Linear Algebra Mathematics
Trigonometry

Powered by ComboStrap