Pseudo class define special state of element like i.e a:hover
while pseudo element define style for specific part of element i.e h1::before
Difference between pseudo elements and classes:
=> pseudo element represent an actual part of DOM whereas pseudo classes
represents state of an element based on the user's interactions with it
=> pseudo elements use :: while classes use :
Code Example |
---|
Css :: tailwind css installation |
Css :: css z index |
Css :: absolute center css |
Css :: input default css properties |
Css :: bootstrap modal resize with jquery |
Css :: css grid take 2 columns |
Css :: css a link style |
Css :: how to center a list in html |
Css :: css grid span all columns |
Css :: css media queries laptop |
Css :: css overflow-y not working |
Css :: css table size |
Css :: html input type colour internal border |
Css :: internal style |
Css :: error no 2058 plugin caching_sha2_password could not be loaded |
Css :: bootstrap modal overflow |
Css :: html disabled button hover style |
Css :: conic gradient in css |
Css :: css lock scroll |
Css :: how to center image in css |
Css :: display flex css compatibility |
Css :: preloader css |
Css :: alert without page refresh |
Css :: elementor vertical line |
Css :: elementor ccs code for gradient |
Css :: hide navbar css |
Css :: visited links do not change color |
Css :: css select alternate elements |
Css :: transition behaviour in css |
Css :: animations |