main tag in html CSS

Question

I'm having trouble understanding the tag.

The project I'm looking at contains only one closing tag at the end, which confuses me in the first place. It also includes main in CSS. I experimented with it a little to attempt to grasp what it does.

When I comment out the in html, nothing changes, which I understand if it only includes an informative character, but the part that confuses me is what the main.... in the CSS is referring to, because commenting this out will screw up the styling of the entire page.

edit: Since it appears that my problem is unclear: The problem is that main..... in CSS does (!) influence the design of the site, even without an opening html main> element, and even without ANY html main> tag (for example, if I remove the /main> tag in html).

How can a main.... in CSS have an effect on styling if there is no main> tag in the html at all?

Answer 1

The main> tag identifies a document's main content. The material contained within the main> element must be unique to the document. It should not include any content that appears in several publications, such as sidebars, navigation links, copyright information, site logos, and search forms.