恢复默认的css样式 解决同时设置了left和 right right不生效问题

场景：使用Element 的组件的，在轮播图组件中，指示器式在轮播图的下方居中，而ui小姐姐要把指示器放在右下角，所以， 需要重写轮播图组件的样式。

Element 轮播图指示器的样式：

.el-carousel__indicators {

    position: absolute;

    list-style: none;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%); 

    transform: translateX(-50%); 

    margin: 0;

    padding: 0;

    z-index: 2;

}

复写后的样式：

.el-carousel__indicators{
  left:initial;
  right: 10px;
  transform: translateX(0px)
}

  因为同时设置left  和 right的话，left的权重比较高，此时right不生效。所以把left设置为initial，恢复为默认的样式，此时再设置right的值就会生效了。

补充：

initial

initial 关键字用于设置 CSS 属性为它的默认值，可作用于任何 CSS 样式。（IE 不支持该关键字）

inherit

每一个 CSS 属性都有一个特性就是，这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一，我们可以在 MDN 上通过这个索引查找，判断一个属性的是否继承特性。

unset

名如其意，unset 关键字我们可以简单理解为不设置。其实，它是关键字 initial 和 inherit 的组合。

什么意思呢？也就是当我们给一个 CSS 属性设置了 unset 的话：

1. 如果该属性是默认继承属性，该值等同于 inherit
2. 如果该属性是非继承属性，该值等同于 initial