加了一个目录后, 内容重叠问题

 

原因很简单,

vue组件内的sass样式写的不规范, 新加的文字的样式是.content;

然后菜单页的样式也有一个.content;

 

 所以, 菜单页的受到这两个.content的影响了;

通过chrome调试工具, 我们也可以很清楚的看到, 这个元素的样式, 既受到单独的.content影响,  又有.commercial-bac .commercial .new-commercial-one .one-main .one-center ul .content的影响;  所以我们就可以知道,  这个元素肯定是被不同的样式影响了.

 

 

 

解决办法:

sass嵌套规则写规范些, 所有的子样式都写在父样式里面;  通过嵌套规则(实质是子代选择器)确保只会作用于一个元素;