본문 바로가기
개발 공부 일지/HTML_CSS

CSS 선택자

by yelimu 2024. 8. 5.

https://developer.mozilla.org/ko/docs/Web/CSS/Attribute_selectors

 

특성 선택자 - CSS: Cascading Style Sheets | MDN

CSS 특성 선택자는 주어진 특성의 존재 여부나 그 값에 따라 요소를 선택합니다.

developer.mozilla.org

 

https://www.codeit.kr/community/questions/UXVlc3Rpb246NjRkYjQ2MGY5ZTU4ZmMwN2MwZmM5MzRm

 

자식 결합자와 자손 결합자는 무슨 차이인가요?

.

www.codeit.kr

https://developer.mozilla.org/ko/docs/Web/CSS/Next-sibling_combinator

 

인접 형제 결합자 - CSS: Cascading Style Sheets | MDN

인접 형제 결합자(+)는 앞에서 지정한 요소의 바로 다음에 위치하는 형제 요소만 선택합니다.

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/CSS/Subsequent-sibling_combinator

 

일반 형제 결합자 - CSS: Cascading Style Sheets | MDN

일반 형제 결합자(~)는 두 개의 선택자 사이에 위치하여 뒤쪽 선택자의 요소와 앞쪽 선택자 요소의 부모 요소가 같고, 뒤쪽 선택자의 요소가 뒤에 위치할 때 선택합니다. 두 요소가 서로 붙어있

developer.mozilla.org

 

자식은 직계만, 자손은 그 아래 있는 해당하는 모든 태그에 접근  

일반 형제 선택자는 꼭 붙어있을 필요는 없다. 좀더 포괄적이라고 보면 될 것 같다. .