小编aar*_*ink的帖子

我用这个css创建了一个三角形:

.arrow-left {
width: 0px;
height: 0px;
border-top: 200px solid transparent;
border-bottom: 200px solid transparent;
position: relative;
left: -7px;
top: -32px;
z-index: 1;
border-right: 200px solid #CC888A;
}

但是当我向它添加变换时:

.arrow-left {
width: 0px;
height: 0px;
border-top: 200px solid transparent;
border-bottom: 200px solid transparent;
transform: rotate(45deg);
position: relative;
left: -7px;
top: -32px;
z-index: 1;
border-right: 200px solid #CC888A;
}

一条奇怪的虚线出现在三角形的中心.它在Chrome中显得很好,我知道Firefox会显示它.

这是一个例子:http://codepen.io/aaronlbrink/pen/zLFEJ

更新此工作:http://codepen.io/aaronlbrink/pen/qHbCG

所以我读过Sass手表正在检测变化,但没有编译到css和许多其他地方,但似乎没有什么可以帮助我.当首次创建.css文件时,它返回它已经创建了'front-page.css'等.这一切都有效,直到你继续进行更新,它只是说'检测到更改为:...但是没有' t更新.css文件.知道为什么会这样吗？谢谢!

从终端:

sass --watch scss/front-page.scss:front-page.css
>>> Sass is watching for changes. Press Ctrl-C to stop.
[Listen warning]:
  Listen will be polling for changes. Learn more at "..."
>>> Change detected to: scss/front-page.scss
      write front-page.css
      write front-page.css.map
>>> Change detected to: scss/front-page.scss
>>> Change detected to: scss/front-page.scss

总之,它创建文件,它检测更改,但不更新CSS文件.