Как задать определенные стили для элемента

Для задания стилей элементу можно использовать несколько способов: 1. **Inline-стили** (атрибут `style`): ```jsx ``` 2. **CSS-классы** (рекомендуемый способ): ```css /* В CSS-файле */ .special-text { color: blue; font-weight: bold; } ``` ```jsx ``` 3. **CSS-in-JS** (например, styled-components): ```js import styled from 'styled-components'; const StyledDiv = styled.div` color: green; padding: 10px; `; // Использование Текст ``` Важные нюансы: - Inline-стили имеют наивысший приоритет, но их сложно поддерживать - CSS-классы позволяют переиспользовать стили - CSS-in-JS дает изоляцию стилей и динамические возможности