我想创建使用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
和符号是无礼的一个特点。您是否使用或这应该是标准的CSS?