선택자 [2022.04.16]CSS 일치 선택자, 자식, 자손, 인접 형제, 일반 형제 선택자(결합자) MDN 문서에서는 selector가 아닌 combinator로 명시되어있지만 편의상 선택자(selector)라고 칭하였음. 일치 선택자 자손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 1. 일치 선택자 선택자와 선택자가 붙어있는 형태를 일치 선택자라 한다. 위 코드는 div태그이면서 class의 이름이 container인 요소를 선택한다. 2. 자손 선택자 (Descendant ... 자식선택자selector일반형제선택자일치선택자결합자자손선택자study공부선택자인접형제선택자CSScombinatorCSS 선택자(1)_기본 선택자 가장 기본적인 선택자(Selector)에 대해 알아보자! * - 모든 요소 선택 tag - 해당 태그 이름을 가진 모든 요소 선택 .class - 해당 클래스 특성을 가진 모든 요소 선택 #id - 해당 아이디 특성을 가진 모든 요소 선택 해당 id를 가진 요소는 문서 내 하나만 존재해야 함 , - 여러 선택자를 같이 사용할 때 ,로 구분하여 연결 같은 코드를 여러번 작성할 필요가 없어 코드... classid선택자CSSCSS [TIL] CSS Selectors - CSS 선택자 CSS 선택자란? CSS 선택자는 CSS 규칙을 적용할 요소를 정의한다. 선택자의 종류 1. 전체 선택자 주로 모든 하위 요소에 한꺼번에 스타일을 적용할 때 사용한다. 전체 선택자를 나타내는 기호는 * 이다. 2. 태그 선택자 태그 선택자는 특정 태그가 쓰인 모든 요소에 스타일을 정의한다. 3. 클래스 선택자 클래스 선택자는 .클래스이름 을 사용하여 나타낸다. 4. ID 선택자 ID 선택자는... 선택자selectorCSSCSS [TIL] CSS Combinators - CSS 조합 선택자 1. 하위 선택자 (Descendant Selector) 하위 선택자는 특정 요소의 하위에 있는 모든 요소를 선택한다. 상위 요소와 하위 요소는 공백으로 구분한다. 이 때 상위 요소와 하위 요소 사이에 다른 요소가 더 있어도 선택이 된다. => 아이디 값이 content 인 태그의 후손 요소에 해당하는 태그들 중에서 p 태그의 color 속성 값을 blue 로 설정하라는 의미로 해석하면 된다... 선택자selectorCSSTILCSS
[2022.04.16]CSS 일치 선택자, 자식, 자손, 인접 형제, 일반 형제 선택자(결합자) MDN 문서에서는 selector가 아닌 combinator로 명시되어있지만 편의상 선택자(selector)라고 칭하였음. 일치 선택자 자손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 1. 일치 선택자 선택자와 선택자가 붙어있는 형태를 일치 선택자라 한다. 위 코드는 div태그이면서 class의 이름이 container인 요소를 선택한다. 2. 자손 선택자 (Descendant ... 자식선택자selector일반형제선택자일치선택자결합자자손선택자study공부선택자인접형제선택자CSScombinatorCSS 선택자(1)_기본 선택자 가장 기본적인 선택자(Selector)에 대해 알아보자! * - 모든 요소 선택 tag - 해당 태그 이름을 가진 모든 요소 선택 .class - 해당 클래스 특성을 가진 모든 요소 선택 #id - 해당 아이디 특성을 가진 모든 요소 선택 해당 id를 가진 요소는 문서 내 하나만 존재해야 함 , - 여러 선택자를 같이 사용할 때 ,로 구분하여 연결 같은 코드를 여러번 작성할 필요가 없어 코드... classid선택자CSSCSS [TIL] CSS Selectors - CSS 선택자 CSS 선택자란? CSS 선택자는 CSS 규칙을 적용할 요소를 정의한다. 선택자의 종류 1. 전체 선택자 주로 모든 하위 요소에 한꺼번에 스타일을 적용할 때 사용한다. 전체 선택자를 나타내는 기호는 * 이다. 2. 태그 선택자 태그 선택자는 특정 태그가 쓰인 모든 요소에 스타일을 정의한다. 3. 클래스 선택자 클래스 선택자는 .클래스이름 을 사용하여 나타낸다. 4. ID 선택자 ID 선택자는... 선택자selectorCSSCSS [TIL] CSS Combinators - CSS 조합 선택자 1. 하위 선택자 (Descendant Selector) 하위 선택자는 특정 요소의 하위에 있는 모든 요소를 선택한다. 상위 요소와 하위 요소는 공백으로 구분한다. 이 때 상위 요소와 하위 요소 사이에 다른 요소가 더 있어도 선택이 된다. => 아이디 값이 content 인 태그의 후손 요소에 해당하는 태그들 중에서 p 태그의 color 속성 값을 blue 로 설정하라는 의미로 해석하면 된다... 선택자selectorCSSTILCSS