パンくずリストの「＞」を生成する例

gistfile1.css

/* パンくずリストの「＞」を生成する例 */
/* li + li:before */
/* li要素の直後にあるli要素の前に、新しい要素を生成してスタイルを適用する */

.nav-topicpath li * li:before {
  margin : 0 3px;
  content: ">";
}


// html
<nav class="nav-topicpath">
  <ul>
    <li>hoe</li>
    <li>fuga</li>
  </ul>
</nav>

/* 魅せるiPhoneサイトP.66~69より抜粋 */
/* 備忘録 */