반응형 css 선택자2 [HTML / CSS] :focus 선택자(포커스 선택자) input:hover { CSS Style } input 요소 위에 마우스 커서 올려놓을 때 스타일 지정. input:active { CSS Style } input 요소를 마우스로 클릭하는 순간의 스타일 지정. ※ 실제론 input:focus 스타일에 묻혀 효과 안 나타남. input:focus { CSS Style } input 요소에 커서 위치해 선택된 동안의 스타일 지정. 2022. 1. 31. [HTML/CSS] 클래스 명과 다중 선택자(.class.class 와 .class .class) CSS에서 다중 선택자로 여러 속성을 동시에 선택하여 적용할 수 있다. .class .class 위와 같이 .class 사이에 공백이 존재하는 경우, 하위 개체로 지정합니다. 만약. .samsung .phone .galaxy 삼성클래스 내부에 폰 내부에 갤럭시에만 스타일을 적용한다. 라는 뜻입니다. .class.class 위와 같이 공백이 없다면, 클래스 속성 모두 설정된 곳에만 스타일을 적용합니다. .samsung.phone 삼성과 폰 모두가 있어야 스타일을 적용합니다. 2022. 1. 26. 이전 1 다음 반응형