这些CSS类中的第一个字符是什么意思？

Question

我看到越来越多的人在他们的班级名称前面加上一个主角。例如，以下代码段中的“o-”和“a-”：

 switch(true){
    case (delta<10):
      xsmall++;
      break;
    case (delta>= 10 && delta< 50):
      small++;
      break;
    case (delta>= 50 && delta<250):
      med++;
      break;
    case (delta>= 250 && delta<1000):
      large++;
      break;
    case (delta>= 1000):
      xlarge++;
      break;
    default:
      unknown++;
  }

这些字符是指什么？这是BEM的一部分还是其他什么？

谢谢！

Answer 1

我发现了这个： http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/

它们与每个班级的范围有关。