パンくずの区切りを css だけで作る

例えば、下記の様なhtmlの場合、

<style type="text/css">
<!--
ul li {
    display: inline;
}

ul li+li:before {
    content: '\00a0->\00a0';
}
-->
</style>

<ul>
    <li>1階層</li>
    <li>2階層</li>
    <li>3階層</li>
    <li>4階層</li>
</ul>

こんな感じで表示できます。

html部分がかなりスッキリとかけるのでおすすめです。