JSFiddle - React, Tailwind, and code Playground

HTML

<q>Немного кавычек</q>, как он сказал, <q>лучше чем ничего.</q>

CSS

q::before {
  content: "«";
  color: brown;
}

q::after {
  content: "»";
  color: yellow;
}

JavaScript

document.querySelectorAll('style').forEach(function(st){
  for(var i = 0; i < st.sheet.cssRules.length; i++){
    var rule = st.sheet.cssRules[i];
    if(rule.selectorText){
      if(rule.selectorText.indexOf('::before') > 0){
        rule.style.color = 'blue';
      }
      if(rule.selectorText.indexOf('::after') > 0){
        rule.style.color = 'red';
      }
    }
  }
})