<!DOCTYPE html>

<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <style>
        .breadcrumb {

        }

            .breadcrumb a {
                padding-right: 10px;
                position: relative;
            }

                .breadcrumb a::before {
                    content: '';
                    border: 6px solid transparent;
                    position: absolute;
                    width: 0;
                    height: 0;
                    top: 50%;
                    margin: -6px -6px;
                    border-left-color: #0094ff;
                    right: 0px;
                }
                .breadcrumb a.last:before{
                    border-left-color: transparent;
                }
    </style>
</head>
<body>
    <span class="breadcrumb">
        <a href="../../">アイテム</a>
        <a href="../">アイテム</a>
        <a href="./" class="last">アイテム</a>
    </span>
</body>
</html>