css外部样式干扰外部引入CSS样式的方法

网页借用别人部分的代码引用了我原来的css样式导致变了样

1、用闭包。用一个页面中的最外层的class样式名称包起来。就比如：样式调用时：.styleOne .styleTwo{ ...} 具体不知道可以再问。

成都创新互联科技有限公司专业互联网基础服务商，为您提供光华机房服务器托管，高防服务器租用，成都IDC机房托管，成都主机托管等互联网服务。

2、用你自己的style覆盖别人的CSS style即可。当然如果可以不加载别人的CSS最好。你网页代码能不能改的？如果非要先加载别人的CSS的话，那就直接overwrite。

3、不了解你改动了哪一部分，或者你需要什么样式，单凭代码和DW中的页面是看不出来什么的，你可以考虑重新下载一遍那个网页，看样子你很有可能将某个class属性值给删了，不知道是html的还是css的。

这样做的原因是为了在保持图片质量的同时控制其重量，减少服务器的加载时间。

location.href 你用JS调用这代码，并不是仅仅把这个页面简单地在你的客户端刷新了，实际上是相当于这个页面重新加载了一次。这个操作相当于在IE浏览器上按F5一样（如果这段代码前没有其它JS无刷新操作的话）。

首先css在页面加载的时候就已经一起加载进来了，JS在页面加载完随即加载。也就是说这个情况是可能是你网速不好造成或者服务器不稳定（腾讯的服务器），一般的操作就是检查你的网络，重新刷新页面或者重新登陆。

1、CSS权重是由四个数值决定，看一张图比较好解释：图里是英文的，我翻译过来分别说一下，4个等级的定义如下：第一等：代表内联样式，如： style=””，权值为1000。第二等：代表ID选择器，如：#content，权值为100。

2、CSS样式冲突：如果在修改字体样式时，存在其他CSS样式的优先级较高，可能会导致字体修改无效。可以通过在样式中添加更具体的选择器或使用！important来提高样式的优先级。

3、css样式表的权重关系：内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关。（放在后面的会把放在前面的样式覆盖掉，覆盖的只是相同属性的样式，不同属性的样式会继续执行。

4、第一等：代表内联样式，如： style=””，权值为1000。第二等：代表ID选择器，如：#content，权值为100。第三等：代表类，伪类和属性选择器，如.content，权值为10。

5、css中直接使用给出的css变量赋值即可。自定义css添加在现有样式上添加组件直接使用给出的css变量赋值即可。自定义属性（有时也被称作CSS变量或者级联变量）是由CSS作者定义的，它包含的值可以在整个文档中重复使用。

6、Quasar允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。

分享题目：css外部样式干扰外部引入CSS样式的方法
标题来源：http://scjbc.cn/article/dgicghd.html