css - vscode中预期的CSS错误规则或选择器
问题描述
我从网站复制了一些 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;
}
推荐阅读
- sql - 如何在 SQL Server 中恢复具有不同名称的数据库
- css - CSS水平滚动问题
- php - Yii2 rbac 角色分配在注册时抛出错误
- php - 使用redbean库,应该向数据库中添加新字段,但这不会发生
- go - 如何在 Go 应用程序内的 Elasticsearch 中执行嵌套聚合?
- python - 无法使用 Nodejs 和 Python shell 导入 python 模块
- python - 从破折号中的地图框获取当前缩放和中心
- c++ - txt文件中浮点数的最大值和最小值
- angular - 检查用户在 Angular Guard 中是否为空
- mediawiki-api - Mediawiki API:使用参数“pageid”从 Wikimedia Commons 查询图片