CSS的各种版本（专转）

CSS是Cascading Style Sheets的缩写，是一种用于网页设计的样式表语言。其各种版本如下：

1. CSS1：最初的CSS版本，于1996年发布，包含基本的样式定义和排版功能。

2. CSS2：于1998年发布，增加了很多新的样式定义和功能，如定位、浮动、字体控制等。

3. CSS2.1：于2006年发布，是CSS2的一个修订版，增加了一些新功能，如最小宽度、最大宽度等，同时去掉了一些过时的功能。

4. CSS3：是CSS的最新版本，也是一个非正式的版本，由一系列模块组成，每个模块都分别增加了一些新的样式定义和功能，如动画、渐变、多列布局等。

除了以上的版本，还有一些CSS的扩展和预处理器，如Sass、Less、Stylus等，它们提供了更强大、更灵活的样式定义和功能。

相关问题

css光点围绕边框转圈圈

以下是实现CSS光点围绕边框转圈圈的代码和效果演示：

<div class="container">
  <div class="box"></div>
</div>

.container {
  position: relative;
  width: 200px;
  height: 200px;
  border: 2px solid #fff;
}

.box {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 220px;  height: 220px;
  border: 2px solid transparent;
  border-radius: 50%;
  box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  animation: rotate 4s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);  }
}

效果演示：https://codepen.io/pen/?&editable=true&editors=110

--相关问题--:
1. 如何实现CSS动画效果？
2. 如何使用CSS实现边框渐变色？
3. 如何使用CSS实现圆

PostCSS style的不转换

你可以使用PostCSS的插件来控制哪些样式不需要转换。在PostCSS配置文件中，你可以使用`postcss-preset-env`插件的`stage`选项来指定要应用的特性阶段。默认情况下，该插件会根据浏览器兼容性数据自动转换CSS特性。

如果你想保持某些样式的原样，可以使用`not`选择器来排除这些样式，例如：

.foo {
  color: red;
}

:not(.bar) {
  background-color: blue;
}

在这个例子中，`.foo`类的样式不会被转换，而`.bar`类之外的元素的背景颜色会被转换成蓝色。

另外，你还可以使用PostCSS的其他插件，如`postcss-discard-comments`来移除注释、`postcss-discard-empty`来移除空规则等，以控制转换的细节。根据你的需求，你可以选择和配置适合的插件来满足你的要求。