LESSにおける疑似クラスのためのコードブロックの適用

リンクにhover状態のスタイルを設定する関数を作成しましょう。

この関数はパラメータとしてコードブロックを受け取るとします：

.hover(@code) {
	
}

渡されたコードブロックをhover状態の中で出力しましょう：

.hover(@code) {
	&:hover {
		@code();
	}
}

リンク内で私たちの関数を利用しましょう：

a {
	color: red;
	
	.hover({
		color: blue;
		text-decoration: none;
	});
}

コンパイル結果：

a {
	color: red;
}
a:hover {
	color: blue;
	text-decoration: none;
}

入力フィールドにfocus状態のスタイルを設定する同様の関数を作成してください。