词法错误<eof>之后：“”

Question

我正在使用这个CSS并且没有任何东西出现。它今天早些时候工作，现在刚刚停止。 html仍然存在，但是当我检查元素时，高度设置为0px。如何解决此错误？

错误：第571行第3列的词汇错误。遇到：之后：“”

（在这种情况下，最后一个}是第571行）

#chevron {
    position: relative;
    text-align: center;
    margin-bottom: 6px;
    height: 80px;
    width: 100%;
}

#chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: -9px;
  height: 100%;
  width: 51%;
  background: #ccc;
  -webkit-transform: skew(0deg, 6deg);
  -moz-transform: skew(0deg, 6deg);
  -ms-transform: skew(0deg, 6deg);
  -o-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}

#chevron:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: #ccc;
  -webkit-transform: skew(0deg, -6deg);
  -moz-transform: skew(0deg, -6deg);
  -ms-transform: skew(0deg, -6deg);
  -o-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}​

Answer 1

如果您从问题中复制css并将其粘贴到JS Bin，您会看到奇怪的红点： 。

也许这会有所帮助。