属性类css

-2

我给出了下面的css规则，它在chrome中不能正常工作... 我相信这是由于属性的顺序..... 我想每个焦点和悬停都有去到一个悬停和关注..属性类css

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

，但我很新的这种模式，所以我不知道如何organise..any帮助PLZ ...

来源

2013-04-02 mandava

如果您将问题呈现为CSS问题，请发布CSS代码，而不是SASS代码。或者，指定您如何使用SASS并重新标题并重新标记您的问题。 –

多数民众赞成什么我应用元素从我的样式表中的css – mandava

这个问题是不答复。它将SASS误传为CSS，未标识代码是如何使用的，没有显示任何相关的HTML代码，也没有描述问题（“不能正常工作”不是问题描述）。 –

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

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

来源

2013-04-02 06:52:20 MarcinJuraszek

只是在Chrome浏览器甚至可以在IE8中正常工作 – mandava

回答

相关问题