css how to remember psudoelements vs pesudo classes code example

Example: css how to remember psudoelements vs pesudo classes

/*
Pseudo classes:
• Selects actual elements (e.g. p or div) 
• Based on some condition that is probably not part of the HTML DOM
	• e.g if the user is hovering over it (:hover)
• But sometimes it is stuff that would just be hard to calculate
	• e.g. the fist child 

Pseudo elements 
• Select elements that are *not* part of the DOM
• There is no corrisponding tag to be found
	• e.g. p::first-line creates an imaginary tag
	that has everything in the first line in it
*/

Tags:

Misc Example