老师问题。

如题，如果前两个都存在的话后面第三个&-right的position absolute不会覆盖掉static定位吗

源自：实战：Vue webAPP首页开发 1-3 Navbar 组件--完善

收起

3回答

好帮手慕星星回答被采纳获得+3积分 2020-04-01 18:54:25

同学你好，问题解答如下：

1、~兄弟选择器一般不计算权重，可以不考虑，计算两个类选择器的就好

2、如果是对一个元素（选择器具体到元素）用了不同的选择器设置样式，不管先后，计算权重值就好，权重值高的，优先相应的样式。

祝学习愉快！

好帮手慕星星 2020-04-01 16:36:28

同学你好，理解是正确的，是选择器优先级的问题，两个class类的权重大于一个class类的权重

所以绝对定位不会覆盖static定位。

祝学习愉快！

提问者早知今日何必當初 #1

第一个是三个选择器吧？（兄弟选择器也算一个吧）；位置因素呢，如果一个样式有三个选择器，另外一个有一个选择器但是位置靠后，位置优先级更低吗

2020-04-01 18:01:55

好帮手慕星星 2020-04-01 10:51:16

同学你好，这是三个不同的选择器，使用一个就会有里面的样式，但是同时使用的话，相同样式肯定是会覆盖的。例如center和right（在后面）同时设置，那么定位就是后面的absolute。但是我们一般都设置一个类名，根据具体情况选择，不用担心覆盖的问题。

祝学习愉快！

提问者早知今日何必當初 #1

老师，兄弟选择器～.mine-navbar-right和后面的&right是同一个选择器啊，前面position为static会被absolute覆盖掉啊，

2020-04-01 14:11:55
提问者早知今日何必當初 #2

.navBar .navBar-center ~ .navBar-right[data-v-38f9b2a5] { position: static; } .navBar .navBar-left ~ .navBar-right[data-v-38f9b2a5] { position: static; } .navBar .navBar-right[data-v-38f9b2a5] { margin-right: 0.2rem; position: absolute; right: 0; } 这是我从浏览器样式表复制过来的，没有被后面的right定位覆盖的原因是不是因为center 的兄弟选择器优先级的问题？

2020-04-01 16:25:03