没有UI设计师，hover效果（鼠标效果）简易又不别扭处理

前端非设计师，对色彩感知不是强项，特别是前端小白，很容易做大红大绿大黄的颜色直接上效果，除了自己看效果，其他人都无语凝噎。

1、任意hover时，0.8透明度,一般hover有交互变化，都伴随可点击，加cursor: pointer，不管是否a标签，毕竟vue大部分都懒得用a，一律通用。

<style>
/*全局需要hover的标签统一透明80%*/
.all-hover-style{
cursor: pointer;
}
.all-hover-style:hover{
	opacity: .8;
}
</style>
<div class="title all-hover-style">标题标题</div>

2、灰度颜色hover，变为主色。或加深或变浅都行。
任意设计稿，都是有主色、辅色、及灰度色（即RGB三个值相等的必定是灰度#000000，#ffffff，#ebebeb）装饰。

<style>
/*全局如果是灰度，hover为主色 常见大站点:微博、百度、头条等 一般针对标题*/
.all-title-hover{
cursor: pointer;
}
.all-title-style:hover{
	color:#f04142p;//头条主色
}
</style>
<div class="title all-hover-style">标题标题</div>