属性类css

Question

我给出了以下css规则，它在Chrome中无法正常工作... 我确信这是由于物业的秩序..... 我想每个焦点和悬停都必须进入一个悬停并集中注意力。

.chk{
    .ico {
        background-position: -17px top;
        .stdChk;
    }

    &:hover .ico {
        background-position: -17px -34px;
    }

    &:focus .ico {
        background-position: -17px -51px;
    }

    &.disabled .ico { background-position: -17px -17px; }

    &.checked {
        .ico { background-position: left top; }

        &:hover .ico { background-position: left -34px; }

        &:focus .ico { background-position: left -51px; }

        &.disabled .ico { background-position: left -17px; }
    }
}

但我对这种模式很陌生，所以我不确定如何组织......任何帮助都是......

Answer 1

那不是CSS。它是SASS代码，在发送到浏览器之前必须编译为CSS。

这就是为什么它不适用于Chrome（以及任何其他浏览器）。