Scss / css динамика c содержание

Question

HTML:

<div class="card"></div>

S css

.card{
  &:before {
    content: 'Text inserted before via CSS';
   }
}

Это добавляет контент перед div. но как я могу добавить контент из S CSS.

Это не сработало

.card{ content: 'Text inserted via CSS';  }

Answer 1

Свойство content применяется только к CSS псевдоэлементам, таким как :before и :after

. Для этой цели следует использовать JQuery:

$('.card').text("Text inserted before via JQuery");

Answer 2

Попробуйте что-нибудь подобное.

.card:before{
      content:attr(data-content);
    }
    

 <div class="card" data-content="Text inserted before via CSS"></div>