闭架错误

问题描述 投票:0回答:1

我想创建使用CSS模板的信件。我使用的文本编辑器,记事本是++。我遇到的问题是,当我在记事本中键入我的代码++编辑器无法识别此时,相应的右括号。请参阅下面的代码。

对于S级的结束标记应该收在页面的底部,而是它是第一个右括号后关闭。

  .S { //open tag for class S
     margin-left: 80px;
     margin-right: 40px;
     margin-top: 25px; // Optically lower S  
     width: calc(var(--width-1) * 1.1);
     height: 100px;
     display: block;
     transform: rotate(-45deg) skew(4deg);
     border-radius: 4em 0;
     background-color: var(--color);
     position: relative;

  &::before,
  &::after {
     content: "";
     display: block;
     position: absolute;
  } //S is closing here instead and not recognizing the closing bracket at the end of the page

  &::before {
     top: 0;
     right: 0;
     transform: translate(72px, 1px) skew(14deg) rotate(200deg);
     width: 0;
     height: 0;
     border-left: 35px solid transparent;
     border-right: 35px solid transparent;
     border-bottom: 35px solid var(--color);
     border-radius: 50%;
  }

  &::after {
     bottom: 0;
     left: 0;
     transform: translate(-72px, -8px) rotate(-150deg) skew(0deg);
     width: 0;
     height: 0;
     border-left: 40px solid transparent;
     border-right: 40px solid transparent;
     border-top: 25px solid var(--color);
     border-radius: 50%;
  }
} //Close tag for class S
html css
1个回答
0
投票

和符号是无礼的一个特点。您是否使用或这应该是标准的CSS?

https://css-tricks.com/the-sass-ampersand/

© www.soinside.com 2019 - 2024. All rights reserved.