我不清楚如何在SCSS代码中使用+选择器

时间:2014-07-09 06:19:39

标签: sass css-selectors

我今天正在运行一个项目,并希望使用+选择器来限制我的样式参数的范围。我遇到了一个有趣的问题。这样的事情导致了问题/ Excedrin:

li {
    selector: 10px;
    selector: 12%;
    &:hover {
        text-decoration: underline;
        &+a:after {
            content: "";
            fancyborderstuff: stuff;
        }
    }
}

不要把我当作一个功能性的例子。重要的是我打算获得一个ELEMENT + ELEMENT,而不是得到NOTHING / ZERO。噗,也可以输入" derp"。

那么,在SCSS中嵌套时使用+选择器的正确方法是什么?

1 个答案:

答案 0 :(得分:2)

如何在代码中获取li + a

UL只能拥有LI子女,因此您有以下选择:

& + li {}   /* next LI */
& a {}      /* A in current LI, shorter just A, without & */
& + li a {} /* A in next LI */