论坛 Forum

三个编辑区，CSS样式丢失，我独立测试的时候是完全正常的，但是一旦嵌入到页面里就GAME OVER了。

找到KIND编辑框CSS样式丢失的原因了。

.main2 div {
 margin: 0px;
 border: 0px;
 line-height: 21px;
 padding: 0px;
}

我的KIND编辑框正是放在class为main2的元素里面的。

var container = KE.$$('div');
container.className = 'ke-container';
container.style.width = width;
container.style.height = height;

KIND里不是给这个DIV指定了CLASS了吗？？为什么这个指定的CLASS会失效？？？

应该不是这个原因。

我的CSS是在HEAD中加载进来的。

而编辑框的显示是在页面完全显示，并且点击按钮之后才会创建，原因，可以看看上面的一个帖子。

目前正在调整HTML和CSS结构。迁就一下KIND就好了。明白了原因，以后在编码之初就开始迁就，倒也不会带来什么影响。

还有CSS优先级的问题，这个好像跟CSS定义的先后关系不大，特别指定的CLASS名称，应该要比我这种

.main td div优先级高才对。

不是放在kindediot.js加载之前，而是要放在default.css加载之前。

编辑器自动把default.css（编辑器样式表）插入到head之间，用Firefox的Firebus插件查看一下。

.main div {}
div.ke-container {}

和

div.ke-container {}
.main div {}

有区别。