更改css级别，让同一html显示不同的效果

2019独角兽企业重金招聘Python工程师标准>>>

有时我们在不同的页面要调用同一个html代码块，但这些页面有时的宽度是不同的，比如有的是960px,或1000px,或1020px等，当然要有前提，对于不同的前提解决办法也是不一样的。

比如a,b,c三个页面调用nav.html这个代码块。

如果nav.html是基本960px来做的，b和c调用后，就要改此宽度及nav.html里面许多标签的宽度，这样才能匹配页面比例。假如nav.html的基本样式写在分离的外部样式表css表中，那么我们可以把此样式写在调用页面中，即内部样式表<style></style>,不过有时，这种办法也不行，为啥？因为<style></style>这种写法已在nav.html中写过了，此时就要用js来搞，把此样式写成行间样式，比竟js最后加载的权重是最大的。

不过用js写的行间样式不推荐，因为还要加载js，影响页面打开速度！

转载于:https://my.oschina.net/u/2294923/blog/694093