从修改layer弹窗样式中学到的

总所周知我是个前端菜鸟，刚刚从事前端的工作两月有余，自学一月不到就硬着头皮开始做项目，收拾前人留下的烂摊子，因此很多基础知识都没吃透，经常遇到一些无从下手的“难题”，也因此经常有发现新大陆的感觉，每天都能学到新东西。

今天想记录的，说是新东西也不尽然，准确地说，应该是用理论解决实际问题的新思路吧（对我来说是新的）。

问题的起因是我在修改一个页面layer弹窗样式的BUG。我们项目中有很多页面用到了layer弹窗，并且没有做skin适配，用的是官方默认的样式。某个页面，暂且称它为A页面吧，A页面的样式有问题，我要修改它的样式，并且不能修改公共样式。

作为一个前端菜鸟，之前遇到类似的问题的时候，我都是直接修改行内样式，因为我在自学的时候还是理解了行内样式、内嵌式和外部样式的优先级的，知道可以用行内样式覆盖外部样式。可能是一直用这种方式效果都很好，就忽略了内嵌样式这一点，这次遇到上述的问题的时候就懵逼了：这是JS代码，我都找不到它的标签在哪里，怎么改它的行内样式呢？

请教了公司其他同事，被他一言点醒，用内嵌样式！

将公共样式中需要修改的类拷贝到A页面的内嵌样式中，修改这些类的样式即可，这样就不会影响到其他页面的layer样式。

通过这一点，我发现扎实的基础还是必不可少的，还有就是遇到问题时候的思维方式很重要，多转几个弯，问题就迎刃而解了。