id selector?

Hi Waylon,

they actually have different names... ;-)

  #selector

is called ID-selector.

  .selector

is called CLASS-selector.

The id selector defines an id that is unique on that page. That means - means you can use it to link to the exact spot of the element from somewhere else. You cannot do that with a class.

Because a class selector can be used for multiple elements. So you cannot use a class-selector to link to its spot, because there is not one spot but possibly multiple spots.

Class selectors are ideal if you want to use one kind of style for many elements. So you could create a class called "border-top" for example that always adds a border to the top of an element. Or if you have many cards on a page you could give each of those elements the class "card" and style them all with this selector name.

Another important difference is that because an ID selector is more specific than a CLASS selector it means it has a higher value if there are conflicting styles. The id selectors styles will win if there are conflicting styles between two css declarations.

Generally I would reccomend to only use IDs for elements that you actually need to link to. Because they create an anchor for the element and that is not really needed in most cases when you want to style an element.

Hope that helped clarify a bit. Best wishes for your coding journey, Nils