加点方式とバージョン番号方式

katen.css

/* 下のほうが詳細度が高く見えるが実際は上のほうが詳細度が高い */
div .test {
  /* 詳細度は a=0, b=1, c=1 なので、11となる */
  background-color: blue;
}

div div div div div div div div div div div div div {
  /* 詳細度は a=0, b=0, c=13 なので、13となる */
  background-color: pink;
}

version.css

/* バージョン番号方式 */
div .test {
  /* 詳細度は a=0, b=1, c=1 なので、0.1.1となる */
  background-color: blue;
}

div div div div div div div div div div div div div {
  /* 詳細度は a=0, b=0, c=13 なので、0.0.13となる */
  background-color: pink;
}