Can you group CSS stylings so that you can collapse them? (like in HTML)

Is the a way to group your CSS stylings (in a style sheet) so that you can collapse them?

For example, in HTML, if you a header, a main, and a footer, all with various elements inside of them, you can then collapse those whole sections to see the main “outline” of the page. In CSS, I’ve found that it seems just like a list with no hierarchy. I know you can use comments to divide the sections, but is there a way to group stylings by their respective sections? (e.g. can I collapse everything except the stylings for the footer).