lay-ui覆盖原有样式时，CSS冲突的问题

个人见解，仅供参考！！！！

刚开始也是搜索了很多资料，但是网上都没有有效的解决方法。
我们很多时候想要修改lay-ui原来的CSS，因为不符合我们的需求。但是修改后会发现其他页面的同元素也会受到影响。但是我们不想让其他页面受到影响，比如：.layui-form-select,这个class是layui下拉框的class，他原有的CSS太宽不符合业务需求，但是我修改完以后，只要访问这个页面，其他页面的下拉框也会变成同样的宽度，这不是我想要的结果。

解决方法

在你想要修改的class元素外层，加一层自定义的父标签，比如：<div id="dd"><div>,然后你修改CSS的时候使用后代选择器进行修改，如：.dd .layui-form-select{width: 50px;}.这样其他页面的class就不会有冲突了。