/*--not--*/
要素 :not(指定条件) {プロパティ: 値;}

ul li {font-size: 18px; color: #febe3e;}
ul li + li {margin: 10px 0 0;}


/*--notに適用--*/
ul li:not(.menu3) {font-weight: bold;}

/*--not 基本的な記述方法--*/
要素 :not(指定条件) {プロパティ: 値;}

/*--not id名を指定--*/
#sample01 :not(#sample) {プロパティ: 値;}

/*--not class名を指定--*/
#sample02 :not(.sample) {プロパティ: 値;}

/*--not 属性セレクタを指定--*/
#sample03 :not([href="sample.com"]) {プロパティ: 値;}

/*--not type属性を指定　例) type属性がmailではないinput要素にCSSが適用します--*/
#sample04 input:not([type="mail"]) {プロパティ: 値;}

/*--not :hoverを指定--*/
#sample05 :not(:hover) {プロパティ: 値;}

/*--not 最初の要素を指定--*/
#sample06 :not(:first-child) {プロパティ: 値;}

/*--not 最後の要素を指定--*/
#sample07 :not(:last-child) {プロパティ: 値;}

/*--not n番目を指定--*/
#sample08 :not(:nth-child) {プロパティ: 値;}

/*--装飾は一部省略--*/
ul li {
	background-color: #fd6158; /*背景色(赤色)を指定*/
}

/*--not 複数指定--*/
ul li:not(:first-child):not(:last-child) {
  background-color: #1ece50; /*背景色(緑色)を指定*/
}

/*--補足 複数指定のNG例--*/

/*--NG（）カッコ内にスペースを入れて続けて指定している--*/
ul :not(:first-child :last-child){
  background-color: #1ece50;
}


/*--NG（）カッコ内に,(カンマ)を入れて続けて指定している--*/
ul :not(:first-child,:last-child){
  background-color: #1ece50;
}

/*--CSSが適用されない--*/
:not(li a) {
  color: red;
}