Ви можете використовувати регістр або дефіси, коли
ваші класи css. Багато бібліотек css-in-js для React заохочують вас називати класи css регістром, щоб їх було легше використовувати в javascript.
У CSS зазвичай використовуються кілька стилів: camelCase: у цьому стилі регістр першу літеру кожного слова, окрім першої, робить великою, і видаляє пробіли та знаки пунктуації. Наприклад, backgroundColor або fontSize. kebab-case: у цьому стилі слова розділяються дефісами.
Підкреслення потребують натискання клавіші Shift, тому їх важче вводити. З іншого боку, CSS вже використовує дефіс або тире як частину свого офіційного коду це робить використання дефіса зручнішим, ніж підкреслення.
Властивість hyphens CSS визначає, як слід розставляти слова через переноси, коли текст переноситься на кілька рядків. Він може повністю запобігти розстановці переносів, розставити переноси в місцях, визначених вручну в тексті, або дозволити браузеру автоматично вставляти переноси, де це необхідно.
Дуже легко вибрати дійсну назву класу або селектори в CSS, просто дотримуйтеся правила. Дійсна назва має починатися з підкреслення (_), дефіса (-) або літери (a-z)/(A-Z), за якою слідують будь-які цифри, дефіси, підкреслення, літери.
Ви можете використовувати будь-який верблюд або дефіс коли називаєте свої класи css. Багато бібліотек css-in-js для React заохочують вас називати класи css регістром, щоб їх було легше використовувати в javascript.