The # is probably there. It's being interpreted as an h1 based on markdown syntax. The 2 selectors are in a larger font-size and bold.

This is because the code block isn't properly formatted.

This is wrong. He is doing it correctly he just didn't put hashtag before gallery li and gallery li a p. Css works in multiple ways

I'm not entirely sure without testing it, I just know that you cannot put a paragraph inside an anchor. If he wasn't trying to make the text clickable as a link then yes, it would work because he wouldn't need an anchor tag in the first place. Anchor tags act almost like its own thing entirely when applying CSS to it. If you make a navigation for instance (nav > ul > li > a) you think you can just change the color of the 'li' but you can't. You actually have to go once step further and target the anchor inside the list item.

It's how the browser interprets the code. For example, you can leave out paragraph tags and the browser will read it as text just fine. It does a bit of assuming and can compensate for it, however semantically it is wrong. The W3C will not validate your code without those important paragraph tags. Same goes for putting the paragraphs inside the anchors. The browser will read it just fine but technically it is wrong and invalid code can hurt your SEO efforts. Google discourages the misuse of tags and or lack of tags.

I will give you that a lot of things changed in HTML5. For instance you no longer need " />" at the end of image tags, you can close it with ">" instead. So the whole paragraph in anchor tag thing could be a change in HTML5 and only HTML5. My point is, just because it works doesn't mean it is correct or more efficient. Plus you never know how older browsers will interpret code like that especially Internet Explorer.

Correct and interpreted as intended in the browser
<div>
        <p>This is text.</p>
</div>

Incorrect but still interpreted as intended in the browser
<div>
        This is text.
</div>

That doesn't matter though. You are allowed to use #gallery li a p because that's how it is in the videos because I take notes on everything, because we are selecting the paragraph elements inside the anchor elements which works just fine. Look at what I said above, it describes the simple mistake he made.

Okay I looked at my own code from that video from months ago, and your missing the # on the gallery li and gallery li a p. You have to put a # because it's "gallery" is an ID.

you also forgot to put a semicolon after the value of the color statement. Look at my example

Just told him that 15 minutes ago, you forgot to put the semicolon in the example you put as well.

I tried your advice and understand why you suggested to remove the p. It does change to color to the gray I wanted but the paragraph and the font stays the same

Dave Berning ,

It's perfectly valid in html5 to have a paragraph inside of a link. This project uses an html5 doctype so it's perfectly fine. The whole point of doing this in this project is so that both the image and its caption will both be wrapped by the link and so you can click on either one.

With html5 there aren't too many restrictions on what you can put inside the a element. One thing you can't put inside is other interactive content. Like form elements or other links.

I've tried everything you said on here and still no result I'm starting to think that the error is in the html code and not the css

Could very well be a tag thats not properly closed, missing quotation mark or, something small like that.