关于前端规范（一）样式篇

1.尽量避免使用important！！！！！！！！会打乱选择器权重计算，极其不好维护，建议使用类加类，还找不到就封装公用样式实在是很特殊的话就用deep！sass，less都有deep

<style lang="scss">
  .pageableTable{
	  /deep/ .el-button{
     	padding: 13px 50px;
    }
  }
</style>
<style lang="less">
  .pageableTable{
    border: 1px solid #282828;
  }
</style>

2.每个页面最外层元素最好加一个对应的class 比如pageableTable.vue

<template>
  	<div class="pageableTable">
	</div>
</template>

这样之后用的时候找不到元素了可以很快找到元素