title: How would I style a string inside of textContent?
body: <p>How would I change the style for the $ inside of the following:</p>
  
  <pre><code>var elSubTotal = document.getElementById('subTotal');
  elSubTotal.textContent = '$' + subTotal;
  </code></pre>
  
  <p>So, I have 'subTotal' definded in my css as:</p>
  
  <pre><code>#subTotal {
  color: red;
  font-weight: bold;
  }
  </code></pre>
  
  <p>The '$' ends up becoming red, and bold. I only want subTotal to be red and bold, not the string '$'. How would I style the strings inside of textContent when I am concatenating other selectors?</p>