title: Change formatting of a specific character using css or jquery
body: <p>I sometimes build quick and dirty html menus or other types of lists using a pipe | to separate elements, ie:</p>
  
  <p>Home | edit | etc...</p>
  
  <p>I like to make the pipes bold and colored, and wonder if there is a quick way to select a specific character in css styles.  (or maybe JS/jquery)</p>
  
  <p>I do know that I can do this with spans around the pipe, but thought it might be elegant to be able to select just this character.  </p>