css - 属性クラス css

Question

私は以下のcssルールを与えていますが、それはクロムで適切に機能していません...プロパティの順序が原因であると確信しています.....すべてのフォーカスとホバーは1つのホバーとフォーカスに入る必要があると思います..

.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 (および他のブラウザー) では機能しません。