css/less 样式开发遇到的问题

一、vue修改elementUI的样式无效

解决：

1、深度作用选择器    >>>   

.a >>> .b

 2、深度作用选择器   /deep/   

.a /deep/ .b

 

二、li   :hover无效

解决：

:hover与前面的元素之间不要有空格！

三、calc()计算

calc(100vh - 15px);

计算的值和符号之间一定要留空格！否则计算会无效

 

四、calc在less中计算错误

解决方案：height: calc(~"100% - 80px");