&:first-of-type li 在 SCSS 中不起作用

Question

我试图让类li中的第一个元素具有红色背景，但它不起作用。我确信我错过了一些简单的事情，但是什么呢？ulbreadcrumbs

.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;                                
               }
            }   

        }