＆amp;：第一个类型的li不在SCSS中工作

Question

我试图让li中的第一个ul元素与breadcrumbs类具有红色背景，但它无法正常工作。我确定我错过了一些简单的东西，但又是什么？

.breadcrumbs {
            margin-left:-30px;
            p {
                display:inline;
            }
            li {
                display:inline;
                &::before {
                    content:'>> ';
                }

            }   
            &:first-of-type li {
                background:$red;                                
            }                   
        }

Answer 1

您的伪选择器位置错误。

.breadcrumbs {
            margin-left:-30px;
            p {
                display:inline;
            }
            li {
                display:inline;
                &::before {
                    content:'>> ';
                }
               &:first-of-type {
                  background:$red;                                
               }
            }   

        }

Answer 2

&引用父选择器。您的规则将解析为：

.breadcrumbs:first-of-type li {
    background: red
}

但如果我正确理解了您的问题，您只想在第一个li中设置第一个li，而不是所有ul。试试这个

.breadcrumbs {
    ...

    li:first-of-type {
        background: red;
    }
}