Подскажите, как с помощью метода вернуть CSS код в виде строки
Реализовал класс, который описывает css класс. Класс CssClass содержит внутри себя название css класса,массив стилей, метод для установки стиля, метод для удаления стиля и метод getCss(), который возвращает css код в виде строки. Вот пример кода, что у меня получилось, не работает, не могу разобраться
class CssClass {
className;
styles = [];
constructor(className, styles) {
this.className = className;
this.styles = styles;
}
setStyleSettings(property, value) {
this.styles.push({
property: property,
value: value
});
}
setStyleRemoval(property, value) {
this.styles.unshift({
property: property,
value: value
});
}
getCss() {
const stylesString = this.styles.length > 0 ?
` selector{${this.styles.map(style => `${styles.property}:${styles.value}};`).join('')}"` : '';
return `${this.className}'{'${this.styles.map(style => style.getCss()).join('')}`
}
}
const display = new CssClass('display');
console.log(display.getCss());