Но это еще не все.
Можно вместо селекторов вкладывать другие компоненты.
Пример https://github.com/freecode-academy/freecode.academy/blob/master/src/components/GridTable/styles/index.ts
Это вот эта таблица: https://freecode.academy/tasks?status_in=New&status_in=Accepted&status_in=Progress&status_in=Paused&status_in=RevisionsRequired&status_in=Discuss&status_in=Approved&status_in=Done
Их потом можно как разметку использовать https://github.com/freecode-academy/freecode.academy/blob/master/src/pages/Tasks/View/index.tsx
И можно в своих стилях расширять https://github.com/freecode-academy/freecode.academy/blob/master/src/pages/Tasks/View/styles/index.ts
Это чтобы не придумывать классы row, col и т.п. и не следить, чтобы с кем-то не пересеклись случайно, а просто вот вложенность компонентов делаешь и все, генерится CSS