وقتایی که یه پروژه کوچیک داریم، شاید نام‌گذاری کلاس‌ها زیاد مهم نباشه؛ اما تو اسکیل بزرگتر این قضیه به چشم میاد.
حالا یه روشی برای نام‌گذاری بهتر کلاس‌ها، راحت‌تر شدن، سریع‌تر شدن و بهتر شدن خوانایی داریم:
BEM(Block Element Modifier).
Block:
بلاک یعنی یه بخشی از سایتتون، مثلا یه منو.
Element:
یه بخشی از اون بلاکه، مثلا آیتم همون منو.
Modifier:
طوری که اون المنت باید رفتار کنه، مثلا آیتم زرد، آیتم آبی و .. .
فرم نوشتنش هم به این صورت هست:
<div class="block>
<div class="block__element> </div>
<div class="block__element--modifier> </div>
</div>
#CSS
@CleverDevs- @CleverDevsGp