Классы наносят ответный удар

В HTML классы указаны с пробелами.

class=“uppercase large”

Когда прикрепляю классы с пробелами в CSS, то они не работают.

.uppercase large {
text-transform: uppercase;

Подскажите что я пропустил. Спасибо.

без точки это теги. естественно css не находит тег <large>
каждый класс нужно указывать с точкой

конкретно в этом случае возможно нет смысла прописывать свойства двум классам одновременно
1 селектор - .uppercase {...}
2 селектор - .large {...}

Задачу решил. Моя проблема была в том, что класс class=“uppercase large” воспринимался мной как >один< класс, а не два через пробел. В CSS .uppercase конечно же сразу привязался к нужной мне строке. Возможно я упустил это в теоретической части, пытаясь привязать к CSS .uppercase large. Спасибо.

1 лайк

body {
padding: 0;
font-family: “Arial”, sans-serif;
font-size: 16px;
line-height: 26px;
color: #000000;
}

ul {
width: 270px;
}

.uppercase.large {
font-size: 20px;
}

.red.bordered {
color: red;
}

.uppercase.large {
text-transform: uppercase;
}

.red.bordered {
border-bottom: 1px solid #000000;
}