- [Instructor] Let's do a demonstration now…of using pseudo-element selectors.…Now, let's get started here with taking a look…at how pseudo-elements work.…We're actually going to load up a lorem ipsum page…but instead of regular lorem ipsum…we're going to do veggie ipsum.…So here's veggie ipsum.…So we'll click on this here.…So if you go veggieipsum.com, it'll actually…give you lorem ipsum-style text…but it'll all be vegetables, which vegetables…are good for you so even if you don't like…vegetables you can use veggie ipsum…and it'll be a healthier webpage.…
So we'll copy some text here.…We're going to head back over to our app JS here…and all that content that we created earlier,…we're just simply going to come in and just delete it all.…And we're going to put a paragraph tag in here.…So we'll say P, and the inside of our paragraph…I'm going to put my veggie ipsum text.…I'm then going to go over to app CSS…and I'm going to delete the content of app CSS.…So if I go back to my webpage, it'll look like this.…I have a bunch of paragraph text there.…
Share this video
Embed this video
Video: Demo: Pseudo-element selectors in action