Css-snippets.com Website Review

in this tutorial i talk about pseudo elements. there are lots of use cases for these elements and in this tutorial i demonstrate one use which is to add a special character to menu items that have sub-menus hidden underneath them. if you like being shown how something works with some explanation watch the video. reading a description if you learn better by reading, i am including the transcript of the pseudo-elements are a way to add actual content to your page using css only. of course, in normal circu*stances you want your content to be found in the html. but there are plenty of use-cases for psuedo-elements where you might want to add something to the page for one example is in the drop down navigation that i created in my last tutorial. if we look at the menu, there are two menus with drop down sub-menus that are only displayed when you hover over the menu. there is nothing to indicate to the user that there are more options i’m starting with the code from my drop down navigation example. i am going to add a clas* name to any menu items with a sub-menu. i’ll if i add the ::after to the sub selector i will be able to add some content “after” the selector. i do that by specifying content as the property, and then whatever i want to add as the value, inside quotes. whatever i type, will get this is not really what i want. if i open the developer tools, and inspect the item… i do need to refresh the page so i can look without the live preview hooks in here. now we can see this element ::after at the end of the of the li tags with a clas* of sub. it comes after the sub menu which is why we see it on a new line. we don’t actually see the > that i added, we see the element “::after”. the > comes from the css which you can see when you look at the element’s styles. i really want this to be added at the end of the anchor tag, like this. you might wonder why not just add it directly to the html. well of course you can do that, but if you have a really complex navigation