SASS

SASS で function を使ってセレクタを生成する方法

CSS 拡張のひとつである SASS で function を使ってセレクタを生成する方法について。

通常 SASS の function の戻り値はプロパティの値に使うことが多いかと思いますが、セレクタとしても使用することが可能です(あまり使い途はありませんがプロパティ名にも使うことができます)。 具体的には、セレクタの部分に #{関数名(パラメータ)} と記述すれば OK です。

例はこちら。

SASS: