CSS AND, OR 다중 조건 선택자

 
안녕하세요. 은은한 개발자입니다.
 
CSS 선택자에서 AND나 OR과 같은 의미를 사용하는 선택자 사용방법에 대해 포스팅해보도록 하겠습니다.
 
 

AND 조건

 
tag#id { attribute: value; }
tag.class { attribute: value; }
#id.class { attribute: value; }
 
선택자 사이에 공백없이 붙여서 사용하게 되면 여러 선택자를 동시에 만족하는 스타일을 적용할 수 있습니다.
 
 

OR 조건

 
tag, #id { attribute: value; }
tag, .class { attribute: value; }
#id, .class { attribute: value; }
 
쉼표(,)를 선택자 사이에 입력하여 여러 선택자 중 하나라도 만족할 경우 적용되는 조건을 만들 수도 있습니다.