css 猫头鹰选择器

除了第一个以外的兄弟选择器。由于看起来像猫头鹰，也叫猫头鹰选择器

.TD-Breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

 <ol class="TD-Breadcrumb">
     <li><a href="#">Dashboard</a></li>
     <li><a href="#">Ui Elements</a></li>
     <li class="active">Timeline</li>
 </ol>

scss 语法的注意点。你可能会出现 & + & 的语法，但其实是无效的：

.TD-Breadcrumb {
    & + & {
        // ...
    }
}

必须加个类或者其他：

.TD-Breadcrumb {
    &.bread + &.bread {
        // ...
    }
}