Guide for proper naming conventions of elements and assets?

Is there a guide somewhere on how to properly name classes, elements, sections, containers, dir, assets, etc. And how and when to properly use them for a clean intuitive backend design for sharing?

For example:
a section to contain a hero jpg image = section-hero-img

Thank you,
R

I’m using a “system” that works great for me.

All sections must end with a capital S.
All added classes must end with a capital C (this avoids any conflicts).
If a div wraps a lot of smaller divs I put a W at the end.