Pseudo Elements in CSS
Pseudo Elements
Pseudo-elements are used to select specific parts of an element. There are five pseudo-elements in CSS, They are started with a double colon ("::").
- ::first-line - the first line of the text in a selector
- ::first-letter - the first letter of the text in a selector
- ::selection - selects the portion of an element that is selected by a user
- ::before - inserts some content before an element
- ::after - inserts some content after an element
A list of pseudo-classes and pseudo-elements are:-
- :active Selector in CSS
- ::after Selector in CSS
- ::before Selector in CSS
- :checked Selector in CSS
- :default Selector in CSS
- :disabled Selector in CSS
- :empty Selector in CSS
- :enabled Selector in CSS
- :first-child Selector in CSS
- ::first-letter Selector in CSS
- ::first-line Selector in CSS
- :first-of-type Selector in CSS
- :focus Selector in CSS
- :fullscreen Selector in CSS
- :hover Selector in CSS
- :in-range Selector in CSS
- :indeterminate Selector in CSS
- :invalid Selector in CSS
- :lang Selector in CSS
- :last-child Selector in CSS
- :last-of-type Selector in CSS
- :link Selector in CSS
- ::marker Selector in CSS
- :not Selector in CSS
- :nth-child() Selector in CSS
- :nth-last-child() Selector in CSS
- :nth-last-of-type() Selector in CSS
- :nth-of-type() Selector in CSS
- :only-of-type Selector in CSS
- :only-child Selector in CSS
- :optional Selector in CSS
- :out-of-range Selector in CSS
- ::placeholder Selector in CSS
- :read-only Selector in CSS
- :read-write Selector in CSS
- :required Selector in CSS
- :root Selector in CSS
- ::selection Selector in CSS
- :target Selector in CSS
- :valid Selector in CSS
- :visited Selector in CSS
Code Explanation
All Tutorials related to CSS3
CSS3 Intro
Vendor Prefixes
Border Radius Property
Box Shadow Property
Transparency
Text Shadow
Pseudo Classes
Pseudo Elements
Word Wrap
@Font-Face
Linear Gradients
Radial Gradient
Background Size
Background Clip
Opacity
Transitions
Transform Rotate
Translate Skew
Scale and Multiple
Animations
Animation Properties
3D Transform
CSS Filters 1
CSS Filters 2
CSS Filter 3