[CSS] :not()セレクタを複数指定する方法

状況

以下のようなページネーションがある。


  
  
  01
  02
  03
  
  

frist previous active last以外の要素にスタイルを適応したい。こういう場合、:not()セレクタを使って指定を除外するが、複数指定する場合も同様に:not()セレクタを使う。

使用方法

:not(.frist, previous)みたいな感じでは指定できない。

以下のように:not()を繋げて指定する必要がある。

&:not(.frist):not(.next):not(.previous):not(.last):not(.active) {
  /* style */
}