内联样式和外部样式的同时存在时，内联只有第一行生效。

Question

作为一个新手，目前正学着用js写一段在网页上可以同时编辑html，css和js和查看效果的小工具。（类似w3school的实例查看。）效果如下。

http://djtao.top/DongniEditor1.0beta/1.0/

其中关于js控制CSS。。思路是用dom方法创建一个style标签，里面包含css文本（来自文本输入框）。再把它加到head标记里面去。

那么问题来了：html和js暂时没发现问题。但CSS我试了以下，无论如何，建立的css样式，只有第一段语句生效，比如说

body{background:yellow};

h1{color:red};

只有第一行是可用的。如果把h1样式放到首行，那么body的样式就不生效。

我把外链的css文件取消掉后，就可以应用两行样式了。所以我判断是CSS外链文件导致的。求问题解决方案..

如果你需要更多的代码，可以向我我获取更多细节。

Answer 1

建议了解CSS权重。

Answer 2

外部样式是否定义了 h1{...}

Answer 3

不止是h1..我的意思是说，当h1样式文本框在第一行时，h1生效，body失效。反正不管在css文本框输入多少语句，只有第一行生效。

Answer 4

是用CSSTEXT添加的css样式吗

Answer 5

谢谢，问题已经解决。原因非常初级。因为我一直用了一段错误的css代码去测试。错误就在问题里面...