Подскажите, как с помощью метода вернуть 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());

Ответы (0 шт):