span.pinyin {
    color: #aaa;
    font-size: 50%;
  }

  span.pronunciation::before {
    content: '[';
  }

  span.pronunciation::after {
    content: ']';
  }

  span.pronunciation {
    color: #777;
    font-size: 80%;
  }

  /*
  <span class='noun-tag'>n.</span>
  <span class='adj-tag'>mod.</span>
  <span class='verb-tag'>v.</span>
  <span class='prep-tag'>prep.</span>

  NUMBER
  <span class='tag'>num.</span>

  interj
  <span class='tag'>interj.</span>

  PARTICLE
  <span class='tag'>particle</span>

  conj
  <span class='tag'>conj.</span>
  sep O (vocative or imperative)
  <span class='tag'>sep.</span>
  */


  span.tag,
  span.noun-tag,
  span.adj-tag,
  span.verb-tag,
  span.prep-tag {
    border-right: 1px dotted black;
    padding-right: 2px;
    background-color: #eee;
  }

  span.tag {
    color: green;
  }

  span.noun-tag {
    color: blue;
  }

  span.adj-tag {
    color: rgb(148, 34, 148);
  }

  span.verb-tag {
    color: red;
  }

  span.prep-tag {
    color: orange;
  }