JSFiddle - React, Tailwind, and code Playground

HTML

<p class="cucc" data-text="pszeudoelem">Azt mondom, hogy </p>

<button class="makebold">Kiemelés be/ki</button>
<button class="fasza">Fasza</button>

CSS

.cucc:after {
    content: attr(data-text);
}

.cucc.emphasis:after {
    font-style: italic;
}

JavaScript

//ez itt maga a p elemünk
var $elem = $('.cucc');

//kiemelés kezelése, ha a gombra nyom
$('.makebold').on('click', function () {
    //a toggleClass rárakja a classt, ha nincs rajta, 
    //leveszi róla, ha rajta van
    $elem.toggleClass('emphasis');
});

//szöveg változtatása a másik gombra
$('.fasza').on('click', function () {
    //megváltoztatjuk az attribútumot
    $elem.attr('data-text', 'FASZA');
});