BEM ดูดีมาก แต่บางทีก็ดูเยอะจนดูไม่มีระเบียบแบบแผน ตัว RSCSS ส่วนมากจะมาทางเดียวกับ BEM แต่ใช้แบบแผนต่างออกไป
<!-- BEM -->
<form class='site-search site-search--full'>
<input class='site-search__field' type='text'>
<button class='site-search__button'></button>
</form>
<!-- rscss -->
<form class='site-search -full'>
<input class='field' type='text'>
<button class='button'></button>
</form>
หลายแนวคิดพยายามจะแก้ปัญหาเดียวกัน แต่ใช้วิธีต่างกันในการวางโครงสร้าง CSS
RSCSS | BEM | SMACSS |
---|---|---|
Component | Block | Module |
Element | Element | Sub-Component |
Layout | ? | Layout |
Variant | Modifier | Sub-Module & State |