我从网站复制了一些 css 代码,但这部分给了我错误
.pricing-table:hover{
box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.36);
/*error starts from this line*/
.pricing-table__button{
padding-left: 0;
padding-right: 35px;
.pricing-table__button:before{
top: -80%;
transform: rotate(0deg);
width: 100%;
}
.pricing-table__button:after{
opacity: 1;
padding-right: 15px;
}
}
}
请问css代码有什么问题吗
最佳答案
您在问题中发布的代码是SASS
。您必须将此 css 代码转换为普通 css。
正常的CSS代码如下:
.pricing-table:hover{
box-shadow: 0px 0px 19px -3px rgba(0,0,0,0.36);
}
.pricing-table:hover .pricing-table__button:before{
top: -80%;
transform: rotate(0deg);
width: 100%;
}
.pricing-table:hover .pricing-table__button:after{
opacity: 1;
padding-right: 15px;
}
.pricing-table:hover .pricing-table__button{
padding-left: 0;
padding-right: 35px;
}
关于vscode 中预期出现 CSS 规则错误或选择器错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58078438/