HTML/ CSS Part 2, #16 Exercise

Hi! I was checking Mosh’s HTML code, and I do not understand what goes after “true”. I tried:

aria-hidden=“true”>:: before

aria-hidden=“true”>:before

aria-hidden=“true”>==$0::before

But it’s giving me an error. What am I doing wrong?

yeah mosh’s solution is here and his css is in the zip file at the bottom

file:///C:/Users/lmcar/Downloads/Images%20Exercises/Solutions/Menu/index.html

I noticed the ::before selector was just to style the icon so I don’t think it should go in the html necessarily. If you said what exactly you were trying to do it would be helpful but I assume getting the icon to show up. don’t forget to put the link from font awesome in the markup in your meta section. Then you should just copy paste that element from the website and not worry about touching it except for styling. I noticed on mosh’s page you can’t edit the ::before so i think it’s probably not nested in the markup except for the inspect element so that’s like trying to put a javascript in a css document.

Oh got it! Thank you :slight_smile:

The $0 displayed is just a reference in the browser’s devtools. It will follow the currently selected element within the Elements tab.

In other words, it is not part of the actual code.

EDIT:

It may help for trying things of debugging or whatever

image

Thank you! now it makes sense

The $0 displayed is just a reference in the browser’s devtools.

1 Like