Codepen和JSFiddle使用相同的代码有不同的结果?

时间:2013-12-10 18:58:38

标签: javascript html css

我正在尝试通过学习Codepen示例来学习一些标签Javascript,但每次我将代码粘贴到另一个地方时,它都会发生变化。为了告诉你我的意思,我从这支钢笔中取出了html,css和JS,然后将它直接粘贴到一个JSFiddle上,这让我得到了破碎的结果。

http://codepen.io/todd01925/pen/awGzD

http://jsfiddle.net/PJu8b/

...

thanks for the help

1 个答案:

答案 0 :(得分:0)

这是因为在codepen中你可以使用LESS而在jsfiddle你不能;) 只有LESS允许嵌套css。

固定代码:http://jsfiddle.net/PJu8b/2/

所以而不是:

.tabs {
  li { ...}
  a { ...}

做的:

.tabs li {...}
.tabs a {...}