Могу ли я применить всю таблицу стилей только к одному элементу div? ⇐ CSS

[Anonymous]

Я хочу использовать динамический календарь начальной загрузки на веб-сайте, который я создаю. У меня есть таблица стилей для моего сайта, но у календаря есть свои стили, и что бы я ни делал, что-то с одной таблицы портит другие элементы (мой заголовок портится таблицей стилей календаря, а календарь становится шатким и асимметричным из-за моя таблица стилей.)

Я попробовал поместить класс в класс (ниже), передать этот класс в элемент div и поместить в него код календаря, но это не сработало.

.calendar_content{ суб { внизу: -.25em; } Как дела { верх: -.5em; } а { цвет: #007bff; текстовое оформление: нет; цвет фона: прозрачный; } а: наведите { цвет: #0056b3; оформление текста: подчеркивание; } а:not([href]):not([tabindex]) { цвет: наследовать; текстовое оформление: нет; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { цвет: наследовать; текстовое оформление: нет; } а: не ([href]): не ([tabindex]): фокус { контур: 0; } предварительно, код, кбд, образец { семейство шрифтов: SFMono-Regular, Menlo, Monaco, Consolas, «Liberation Mono», «Courier New», моноширинный; размер шрифта: 1em; } до { маржа-верх: 0; поле-дно: 1рем; переполнение: авто; } } Код календаря Я также пробовал использовать id (ниже), но это тоже не сработало.

CSS: #calendar_content{все содержимое таблицы стилей} HTML: Код календаря Дополнительная информация: здесь задействованы файлы js, но я не думаю, что это влияет на вид сайта.