首页引用的CSS会破坏WindowContainer内style的问题

APEX_GLORY

之前做网站用的iframe，现在想用windowcontainer提升性能，首页引入了一个外部的CSS，里面重写了.x-content-contens,然后首页和windowContainer子页面都用到了contents组件，之前用iframe的时候没有什么影响，但换成WindowsContainer的时候就被影响了，请问有什么办法可以让windowcontainer的风格不受其他css文件的影响么？

半导体

那你给contents单独写个样式  而不是修改.x-content-contens这个Class呢？

APEX_GLORY

半导体 发表于 2016-12-29 16:06
那你给contents单独写个样式  而不是修改.x-content-contens这个Class呢？

首页的content写了一些动画，放在w文件的css里不起作用，放在外部css里就生效了，所以不能在w文件里面写。。

半导体

APEX_GLORY 发表于 2016-12-29 16:18
首页的content写了一些动画，放在w文件的css里不起作用，放在外部css里就生效了，所以不能在w文件里面写 ...

这样的话  那你就只能在浏览器的控制台里面查找  然后重新定义了

APEX_GLORY

见鬼了啊，windowContainer引用的CSS同样能影响其他所有页面的样式，，

APEX_GLORY

半导体 发表于 2016-12-29 16:43
这样的话  那你就只能在浏览器的控制台里面查找  然后重新定义了

看来要么放弃windowContainer，要么重写样式

liangyongfei

APEX_GLORY 发表于 2016-12-29 16:44
看来要么放弃windowContainer，要么重写样式

不用！
可以不要外边引入css
而是把这段css代码复制到 首页同名的css文件中！

这样的话，这个css只对当前页面css生效！对其他页面不会起作用的！

APEX_GLORY

liangyongfei 发表于 2016-12-29 16:48
不用！
可以不要外边引入css
而是把这段css代码复制到 首页同名的css文件中！

试了，但是同样的动画代码，放在同名css无效，放外部就有效，很奇怪啊。
像这样的：
.fangda{
        -webkit-animation: myfirst 0.5s; /* Safari and Chrome */
        -moz-animation: myfirst 0.5s;
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
        0%   {top:-180px;left:650px;width:0px;height:0px;opacity:0;}

        100% {top:0px;width:1420px;height:742px;opacity:1;}
}

liangyongfei

APEX_GLORY 发表于 2016-12-29 16:54
试了，但是同样的动画代码，放在同名css无效，放外部就有效，很奇怪啊。
像这样的：
.fangda{

如果页面中，这些dom节点 是动态生成的！但是又不是按照我们标准的方式动态生成的dom节点！
那么class样式 就不能使用！这部分样式要在外面引入！

如果是我们标准动态生成的dom节点和 静态的dom节点  那么写在当前 css中就是 生效的了！