As an example below, what would be the best way to easily rename the below generic boxes that have no stand-out features?
Currently the class names seem to do the job, I can select individually as well as the whole children within the container. But when you have 2 or more similar containers full of similar similar content, what’s the best way to name them? Especially if they’re not in an easy to read order.
I had a look at BEM system but unsure if this would help (or I understand fully)
<div class="box box-container-1"> <div class="inner-box unique-box-1"></div> <div class="inner-box unique-box-2"></div> <div class="inner-box unique-box-3"></div> </div> <div class="other-box other-box-container-1"> <div class="other-inner-box other-unique-box-1"></div> <div class="other-inner-box other-unique-box-2"></div> <div class="other-inner-box other-unique-box-3"></div> </div>