Difference between "#" and "." in CSS



After playing around with the code, I realized there was a difference in using a "#" vs using a "." in CSS. Is there a reason for this? Is one used only for classes and the other only for ID's? How do I tell the difference?

Thank you,

Replace this line with your code. Do not remove the backticks.


You can read about it here. Id's are general used for more important things, and only once a page, and classes can be used many times on a page.

Id's also overwrites a class. Id are worth more points (css uses a point system to decide which css rules should be applied if there are conflicting css rules (in different selectors))