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

作为一个新手,目前正学着用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外链文件导致的。求问题解决方案..

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

吃鸡游戏
浏览 627回答 7
7回答

素胚勾勒不出你

建议了解CSS权重。

芜湖不芜

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

潇潇雨雨

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

GCT1015

是用CSSTEXT添加的css样式吗

扬帆大鱼

谢谢,问题已经解决。原因非常初级。因为我一直用了一段错误的css代码去测试。错误就在问题里面...
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript