selector 선택시 유의점

 

 

css selector 선택시, 

 

.friend .friend__avatar {} 이렇게 한칸 띄어 쓰면 

friend 클래스 안에 있는 friend__avatar를 선택하는 것이 되고,

 

 

.friend__avatar.g-avatar{}  이렇게 띄지 않고 붙여 쓰면

이 freind__avatar와 g-avatar 클래스를 두 클래스를 가진  element에 적용된다는 의미이다. 

즉, 두 클래스 이름을 모두 가져야 적용한다는 말.