CSS

CSS

CSS - 가상클래스 + 요소 선택자

📌 목록 Introudction Hover Active Focus First child Last child nth child nth of type not before after 속성 선택자 상속 우선 순위 Conclusion 📌 Introduction 안녕하세요. 오늘은 css에서의 가상클래스 선택자에 대해서 알아보겠습니다. :로 표시하게 됩니다. ::랑 헷갈리지 마세요! 📌 Hover 마우스 포인터가 올라가 있는 동안에만 선택이 됩니다. HELLO 📌 Focus 포커스 된 동안에만 선택이 됩니다. HELLO 📌 First child 요소가 형제 요소 중 첫번째 요소라면 선택 pear lemon orange 📌 Last child 요소가 형제 요소 중 가장 마지막 요소 선택 pear lemon orang..

CSS

CSS - 복합 선택자

📌 목차 Introduction 일치 선택자 자식 선택자 후손 선택자 인접 형제 선택자 일반 형제 선택자 Conclusion 📌 Introduction 📌 일치 선택자 모두 만족하는 선택자 (띄워쓰기가 없다는 것을 유의!🚨) span.orange{ color: red; } apple pear orange carrot tomato orange 여기서 span과 class="orange"에 해당 하는 것만 color: red로 표시가 됩니다. 📌 자식 선택자 어떤 것의 자손만 선택하는 선택자입니다. ul > .orange{ color: red; } apple pear orange carrot tomato orange ul의 자손중 orange class인것만 선택하게 됩니다. 📌 후손 선택자 후손 선택자는 ..

eddie0329
'CSS' 카테고리의 글 목록
상단으로

티스토리툴바