CSS Specificity Explained Part 6 | CSS Selectors Pseudo Elements | CSS tutorial for beginners

Authors Website

#edtech #cssSpecificity #cssspecificityexplained #PseudoElements #understandcssspecificity

This css tutorial is part 6 of the css specificity series tutorials and demonstrates how to use the Pseudo elements and what are the selectors rules for using pseudo elements. In this part, I will be teaching you about ::first-letter and ::first-line pseudo elements. By using ::first-letter, you can style the first letter of a line and how the styling can be done will be shown to you in this tutorial. The ::first-line pseudo element styling will allow you to style the first line in a given paragraph with different lines as shown in this example tutorial.

The complete code source for this tutorial is available at : https://jsitor.com/TIoRbezQb
I will be teaching the rest of the lesson Pseudo elements on ::selection and also ::before and ::after in the forthcoming tutorials, so watch out for these tutorials in this week and the coming weeks.

If you like watching these tutorials in your journey of becoming a CSS expert, remember to HIT THE SUBSCRIBE BUTTON AND also the personalized bell button so that you are notified personally in your inbox, as soon as I publish these tutorials. CLICK : https://www.youtube.com/channel/UCzsmG59Td5XqzZwipgJ0qJg?sub_confirmation=1

For watching the complete css specificity series, here is the link to my specificity playlist: https://www.youtube.com/playlist?list=PLvsacu9cyzew51PNVt0ld3OXfF5qzmSkC

If you like watching such tutorials please share this video with your friends :https://youtu.be/pQ68WwdTYVw edtech video.

Share this?