注意不能使用 nth-child(n) 和 nth-of-type(n).

<div class="my_class"> abc </div>
<div class="my_class"> abc </div>
<div class="my_class"> abc </div>
<div class="my_class"> abc </div>
<div class="my_class"> abc </div>

对于用相同 class 的情况下, 只想修改第 n个 class, 最好给元素加上 唯一的 id, 然后样式中 #id 来修改。

我碰到的情况是在同一个页面三次调用了 element ui 的同一个组件，他们三个的 input class 是完全相同的，
即 class = “el-input__inner”, 我需要让三个级联选择器拥有不同的样式(宽度、高度、颜色), 则可以通过在调用组件的最外层加 id , 然后 style 里面通过 #id 来修改样式

<el-cascade id="c1"> </el-cascade>
<el-cascade id="c2"> </el-cascade>
<el-cascade id="c3"> </el-cascade>