How to know when to use . , #, @, or not in CSS?

Hello Everyone !

I’m completely new to coding so I’m sorry, this could be a silly question. Please correct me if I’m using terrible terms and descriptions of things. Thank you!

I’ve got up to the “Learn Accessibility by Building a Quiz” task on the Responsive Web Design course but I’m still not 100% when to put a . or a # before in input in the CSS tab?

examples (from building a quiz task)





Thank you for your help!


@media is a query.
body is a selector(likeh1, p, *, etc).
#logo is a id(as is anything starting with #).
.info is a class(as anything starting with .)

Hey bgoodgianni

Thanks for clarifying :slight_smile:

It’s all starting to make a lot more sense now, slowly.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.