HTML 和 SASS 链接在一起，但它们不能正常运行

Question

这是我的HTML文件的div代码-

是我的SASS文件的代码-

>#top-sale{
.owl-carousel .item .product a{
overflow: hidden;
}
.owl-carousel .item .product img{
transition: transform .5s ease;
}
.owl-carousel .item .product img:hover{
transform: scale(1.1);
} }

我的VSCode无法检测到"；img：悬停"它根本不起作用。解决办法是什么？

Answer 1

它对我有效，尽管我删除了

>

前的字符

>#top-sale

您可以在此处查看：https://codepen.io/shoowack/pen/ExKgVJW