Question

我真的很想谷歌，但无法弄清楚这个css做了什么。

你能帮忙吗？

.XXX-purple-gradient:after {
    content: "#702f8a -> #560079 @ 90┬░"
}

当指南针编译Sass时，它会将90°转换为90°。这会导致任何问题吗？

谢谢！

Answer 1

无论您使用"deg"版本还是"°"，结果都是一样的。

Css选择器是一个类选择器，它应用双引号content中提供的after元素。它基本上附加"#702f8a -> #560079 @ 90°"。我建议查看描述here的伪选择器。

以下是它的呈现方式：

.container {
  background-color: red;
  border: 2px solid purple;
}
.container:after {
  content: "#702f8a -> #560079 @ 90°"
}
.well {
  background-color: yellow;
  border: 2px solid orange;
}
.well:after {
  content: "#702f8a -> #560079 @ 90deg"
}

<div class="container">
  <h1>Hello</h1>
  <div class="well">
    <h1> World</h1>
  </div>
</div>

Answer 2

您必须使用deg而不是°

.XXX-purple-gradient:after {
    content: "#702f8a -> #560079 @ 90deg
}

Answer 3

我突然明白这是为了什么。它们用于演示目的，每个类都分配了一个样式，这部分属性解释了它的含义。通过这种方式，他们可以使用css添加描述。

问题解决了，谢谢！

内容是什么：“＃702f8a - ＆gt;＃560079 @ 90°在CSS中

3 个答案: