Try to name the classes according to their elements' purpose. For example: for a carousel component, the name can be .homepage-carousel, .sliding-carousel, etc. Someone who goes through your CSS file, easily understands which component it is.
If you are using Less/Sass - follow BEM. Advantages? Less nesting and child elements derive names based on parent element.
Always avoid naming classes like .x, .element-1, .home-element, etc. They are the worst kind of selectors. They give no clear signal about which element they are targeting.