CSS pseudo class2 CSS 쉽게 배우기 | Pseudo Class(수도 클라스)2 CSS 수도 선택자로 요소 선택폭 넓히기 저번편에 이어서 수도 클라스 두번째 편입니다 지난번에 수도 클래스에는 상태에 관련되 선택자, 일반 선택자의 연장선, 이렇게 두 종류의 속성을이 있다고 했었죠 이번편에서는 그 두 번째인 일반 선택자의 연장선을 알아볼게요 일반 선택자의 연장선이란? 일반 선택자라고 하면 어감이 좀 이상하지만, 일반 선택자는 우리가 CSS편에서 처음으로 배운 선택자들을 말합니다 그럼 그 선택자들의 연장선이란 뭘까요? 연장선이라기 보다는 추가적으로 사용할수있는 선택자가 더 말이 맞을거 같네요 예시로 설명을 해볼게요 ... ... ... ... 이렇게 컨테이너 요소 안에 자녀 요소들이 있습니다 우리가 배운 일반 선택자로 자녀 요소들의 색상을 바꾸려면 .container p { color: .. 2021. 4. 28. CSS 쉽게 배우기 | Pseudo Class(수도 클라스) 1 CSS Pseudo Selector (수도 선택자) - CSS state(상태) 배우기 지금까지 여러가지의 CSS속성들과 사용방법, 그리고 반응형 디자인까지 알아봤습니다 그러나 한가지 아쉬운게 있다면, 스타일들이 재미가 없다는거죠 스타일들이 다 고정되있고, 뭔가 생동감이 없달까? 그래서 이번편에서는 지금까지 배운것들을 활용하면서 스타일에 생동감을 주는걸 알아볼게요 생동감을 주는데는 두가지 방법이 있는데요 하나는 요소의 상태에 따라서, 다른 하나는 애니메이션 입니다 이번편에서는 요소의 상태에 따라서 스타일을 바꾸는걸 알아볼거에요 CSS에서 요소의 상태란? 시작하기전에 먼저 집고 넘어갈게있죠? 요소의 상태란 뭘 말하는걸까요? 요소의 상태는 유저의 행동과 상호작용 하는걸 말합니다 유저가 마우스를 움직일때, 클.. 2021. 4. 11. 이전 1 다음 반응형
