푸으름

✏️ 연결 선택자종류형식설명하위 선택자상위요소 하위요소상위 요소에 포함된 모든 하위 요소를 선택자식 선택자상위요소 > 하위요소부모 요소에 포함된 자식 요소만 선택인접 형제 선택자요소1 + 요소2요소1 이후 맨 처음에 오는 형제 요소를 선택형제 선택자요소1 ~ 요소2요소1 이후 오는 모든 형제 요소를 선택✏️ 속성 선택자종류선택 요소예시[속성]해당 속성이 있는 요소[required][속성=값]지정한 속성값이 있는 요소[target = _blank][속성~=값]지정한 속성값이 포함된 요소(단어별)[class ~= button][속성|=값]지정한 속성값이 포함된 요소(하이픈 포함, 단어별)[title |= us][속성^=값]지정한 속성값으로 시작하는 요소[title ^= eng][속성$=값]지정한 속성값으로 ..

✏️ 사용자 동작에 반응하는 가상 클래스사용자가 웹 요소를 클릭하거나 마우스 포인터를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 함  #1 가상 클래스 - link 가상 클래스 선택자웹 문서의 링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용텍스트 링크는 기본적으로 파란색 글자와 밑줄로 표시 / 이때 링크의 밑줄을 없애거나 색상을 바꿀 수 있음 #2 가상 클래스 - visited 가상 클래스 선택자웹 문서의 링크 중에서 한 번 이상 방문한 링크에 스타일을 적용하며 한 번 이상 방문한 링크는 보라색이 기본값사용자가 방문한 텍스트 링크와 색상이 달라지지 않게 하려면 visted 선택자를 사용하여 조절 #3 가상 클래스 -  hover 가상 클래스 선택자웹 요소 위로 마우스 포인터를 올려놓..