Both pseudo-classes and pseudo-elements can be very confusing for CSS beginners. However, once you learn more about them, they are easy to apply and very useful! In this tutorial, we look at both pseudo-classes and pseudo-elements, compare their differences, and learn how to apply them to a web page. If you are just starting with CSS, I recommend going to the beginniners of this CSS for Beginners playlist: ru-vid.com/group/PL0Zuz27SZ-6Mx9fd9elt80G1bPcySmWit
When you say .card p::before or .card p::after, am I right in my understanding that for pseudo-elements, their immediate parent are considered to be "p"?
I wasn't aware of :is, :where and :any pseudo classes 🤦♂ the cool thing about :first-line pseudo element is that is always selects the first line even when it wraps to a multiple lines, Thanks Dave, soon you'll hit the 50K subs, Congrats in advance (just in case I missed the event)🎉
Hey, Dave! I learn CSS from you. Amazing lessons. I like your teaching technique. I follow you on my VSCode and I noticed that paragraph and quotes go over the nav element if you scroll all the way down. You can see it at the last seconds of this lesson. I suspect ::before and ::after have some kind of layer to them, something like z-index. Should we use something else to avoid this or make some change to nav?
I would need to go back and review to give you a specific fix, but in general, you are correct that z-index will impact what is on top. Apply a larger number value to whatever you want on top.
I previously used the VS Code extension Bracket Pair Colorizer 2, but now, it has native support in VS Code with no extension needed - and that is what you see in this video. Link: digitaldrummerj.me/vscode-bracket-pair-colorization/
