Встречается на собеседованиях • сегодня
Можно ли сделать модульность на CSS
Да, можно! CSS модульность достигается через:
1. **CSS-модули** - автоматически генерируют уникальные имена классов:
```css
/* styles.module.css */
.button {
background: blue;
}
```
```jsx
import styles from './styles.module.css';
```
2. **БЭМ** - ручное именование классов по методологии:
```css
/* Блок__Элемент--Модификатор */
.menu__item--active {
color: red;
}
```
3. **CSS-in-JS** (Styled Components, Emotion):
```js
const Button = styled.button`
background: ${props => props.primary ? 'blue' : 'gray'};
`;
```
4. **Препроцессоры** (Sass/Less) - через миксины и вложенность:
```scss
@mixin flex-center {
display: flex;
justify-content: center;
}
.header {
@include flex-center;
}
```
Преимущества: изоляция стилей, переиспользование, избегание конфликтов.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы