<article lang="ja">
  <h1>cite要素の意味を表すよりよい見た目を考える</h1>
  <h2>デフォルトの表示</h2>
  <p><cite>HTML解体新書</cite>は、HTMLを本格的に学ぶための書籍です。</p>

  <h2>他の表現案</h2>
  <p><cite class="new">HTML解体新書</cite>は、HTMLを本格的に学ぶための書籍です。</p>
</article>

cite.new:lang(ja) {
  quotes: "『" "』";
  font-style: initial;
}
cite.new:lang(ja)::before {
  content: open-quote;
}
cite.new:lang(ja)::after {
  content: close-quote;
}