[Solved – 3 Answers] CSS – Can we have multiple :not() selectors

form input:not([type="radio"], [type="checkbox"])
{
/* css here */
}

input:not([type="radio"]):not([type="checkbox"])

@mixin not($ignorList...) 
{
    //if only a single value given
    @if (length($ignorList) == 1)
{
        //it is probably a list variable so set ignore list to the variable
        $ignorList: nth($ignorList,1);
    }
    //set up an empty $notOutput variable
    $notOutput: '';
    //for each item in the list
    @each $not in $ignorList 
{
        //generate a :not([ignored_item]) segment for each item in the ignore list and put them back to back
        $notOutput: $notOutput + ':not(#{$not})';
    }
    //output the full :not() rule including all ignored items
    &#{$notOutput} 
{
        @content;
    }
}

input 
{
  /*non-ignored styling goes here*/
  @include not('[type="radio"]','[type="checkbox"]')
{
    /*ignored styling goes here*/
  }
}

$ignoredItems:
  '[type="radio"]',
  '[type="checkbox"]';
input {
  /*non-ignored styling goes here*/
  @include not($ignoredItems)
{
    /*ignored styling goes here*/
  }
}

input
 {
    /*non-ignored styling goes here*/
}
input:not([type="radio"]):not([type="checkbox"])
 {
    /*ignored styling goes here*/
}

INPUT
{
/* styles */
}
INPUT[type="radio"], INPUT[type="checkbox"]
{
/* styles that reset previous styles */
}