CSS не применяется к элементу HTML ⇐ CSS

[Anonymous]

В моем веб-приложении я пытаюсь добавить карточку в представление с помощью JavaScript в раздел. Это карта, которую я использую для применения к своей --> https://uiverse.io/JohnnyCSilva/ugly-stingray-77

Я внес несколько изменений, потому что когда я использовал CSS для своего представления, он смешивался с текущими стилями CSS и отображал карточку в другом виде. Поэтому я добавил тег special в этот CSS.

$.ajax({ url: '@Url.Action("getStaffMembers", "Home")', введите: «ПОЛУЧИТЬ», Тип данных: 'JSON', успех: функция (данные) { если (данные.Успех) { вар StaffList = data.StaffList; вар StaffListDiv = $('#staffListDiv'); for (var я = 0; я .img { курсор: указатель; преобразование: масштаб (1,05); } .специальный-раздел .img { ширина: 50 пикселей; высота: 50 пикселей; поле слева: 10 пикселей; радиус границы: 10 пикселей; фон: линейный градиент (#d7cfcf, #9198e5); } .special-section.card:hover>.img { переход: плавность входа и выхода 0,5 с; фон: линейный градиент (#9198e5, #712020); } .специальный-раздел .textBox { ширина: расчет (100 % – 90 пикселей); поле слева: 10 пикселей; белый цвет; семейство шрифтов: «Поппинс» без засечек; } .special-section.textContent { дисплей: гибкий; выровнять-элементы: по центру; оправдание-содержание: пространство между; } .специальный-раздел .span { размер шрифта: 10 пикселей; } .special-section.h1 { размер шрифта: 16 пикселей; начертание шрифта: жирный; } .специальный-раздел .p { размер шрифта: 12 пикселей; шрифт: светлее; Выберите сотрудника

Дело в том, что когда динамические карточки генерируются в представлении, CSS не применяется. Хотите знать, как это исправить?