Sass Làm tổ: hover không hoạt động

Question

Tôi đã viết mã này, nhưng nó không hoạt động. Vấn đề của tôi là gì?

.class { 
    margin:20px; 
    :hover { 
     color:yellow; 
    } 
} 

Answer 1

Đối với concatenating selectors với nhau khi làm tổ, bạn cần phải sử dụng bộ chọn mẹ (&):

.class { 
    margin:20px; 
    &:hover { 
     color:yellow; 
    } 
} 

Answer 2

Bạn có thể dễ dàng gỡ lỗi những thứ như khi bạn đi qua CSS được tạo ra. Trong trường hợp này, bộ chọn giả sau khi chuyển đổi phải được gắn vào lớp. Đó không phải là trường hợp. Sử dụng "&".

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_

.class { 
    margin:20px; 
    &:hover { 
     color:yellow; 
    } 
}