::before selector is used to add the same content multiple times before the content of other elements. This selector is same as ::after selector.
Syntax:
::before{
content:
}
Below HTML/CSS code shows the functionality of ::before selector :
<!DOCTYPE html> <html> <head> <style> p::before { content: " - Remember this"; background-color: blue; } </style> </head> <body> <h3>After Selector</h3> <p>User ID: @dmor1</p> <p>Name: dharam</p> </body> </html> |
chevron_right
filter_none
Output:
Supported Browsers
Note: Internet Explorer 8 and Opera 4-6 supports with single-colon.(:after)
Recommended Posts:
- CSS page-break-before Property
- How to write :hover condition for a:before and a:after in CSS?
- How to insert line break before an element using CSS?
- How to remove underline from a:before using CSS ?
- CSS break-before Property
- CSS pause-before Property
- CSS cue-before Property
- CSS | :root Selector
- CSS | :not Selector
- CSS | :enabled Selector
- CSS | :only-of-type Selector
- CSS | Attribute Selector
- CSS | element Selector
- CSS | :checked Selector
- What does the “+” (plus sign) CSS selector mean?
- How to use a not:first-child selector in CSS?
- CSS | :in-range Selector
- CSS | :disabled Selector
- CSS | :out-of-range Selector
- CSS | :first-child Selector
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
