css between

说起CSS中的between，我们首先需要明确一点，它并不是CSS中的原生属性，而是CSS Preprocessor（CSS 预处理器）中的一个函数。比如说 Sass、Less、Stylus 等，它们都提供了between函数来实现CSS中不存在的特性。

下面以Sass为例，介绍between函数的使用方法。

// 定义一个mixin，使用between函数定义仅在 iPad 上有效的样式
@mixin ipad {
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    @content;
  }
}

// 在样式中调用mixin
.element {
  background-color: red;
  
  // 通过between函数限制样式只在iPad中生效
  @include ipad {
    background-color: blue;
  }
}

在上述代码中，定义了一个mixin，它内部使用between函数来限制样式在特定条件下才生效。

between函数的使用方法如下：

// between函数定义语法
between($value-min,$value-max)

// between函数使用示例
.between-example {
  width: between(100px,200px);
}

在上述示例中，定义了一个.between-example的样式，它的宽度使用了between函数。根据函数定义，该样式的宽度会在 100px 到200px 之间随机一个值。

需要注意的是，虽然between函数可以方便实现样式在特定条件下生效的效果，但是它并不是CSS原生的属性，对于不支持CSS预处理器的浏览器可能无法生效。