css - & :first-of-type li not working in SCSS

标签 css sass pseudo-class

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 7 年前

我试图让 ul 类中的第一个 li 元素具有红色背景,但它不是在职的。我确定我遗漏了一些简单的东西,但是什么?

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

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

最佳答案

你的伪选择器放错了地方。

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

        }

关于css - & :first-of-type li not working in SCSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34992191/

上一篇:html - 如何禁用 Bootstrap 字形的可点击属性?

下一篇:javascript - 使用 JQuery 在 HTML 中查找具有特定名称属性或 ID 的元素

相关文章:

html - 如何更改或切换移动版本的结构?

css - SASS 和@font-face

javascript - 如何在一个 Angular 组件中处理多个主题?

html - 如何选择具有共享基类和附加类的元素的子元素?

css - :last-child pseudo class confusion

html - CSS 重复部分。首先需要一张图片

css - Chrome、IE 等浏览器是否支持 css3 函数 target-counter()?

html - 将 CSS 色调旋转滤镜应用于灰度图像

html - 内部内容背景不会在 IE 中显示

css - Rails 4 - CSS 未在生产中应用