background-blend-mode / !important

background-blend-mode

: 배경을 혼합했을 때의 상태
(background 색상과 img를 혼합, 따라서 두가지 요소가 필요하다)

기본속성

background-blend-mode : normal; //기본 값
background-blend-mode : multiply; //어둡게
background-blend-mode : screen; //밝게
background-blend-mode : overlay;
background-blend-mode : darken; 
background-blend-mode : lighten; 
background-blend-mode : color-dodge; 
background-blend-mode : color-burn;
background-blend-mode : hard-light;
background-blend-mode : soft-light;
background-blend-mode : difference;
background-blend-mode : exclusion;
background-blend-mode : hue;
background-blend-mode : saturation;
background-blend-mode : color;
background-blend-mode : luminosity;

다중속성

background-blend-mode : color-dodge, exclusion; 
background-blend-mode : color-dodge, hue; 

!important

: 순서와 상관없이 !important를 붙인 속성을 적용한다

p{
	color : pink;
}
p{
	color : yellow;
}

맨 마지막의 color : yellow가 적용된다.

p{
	color : pink !important;
}
p{
	color : yellow;
}

!important가 적용된 color : pink가 적용된다.