밤토리
728x90
article thumbnail
[CSS] 선택자 (자식, 자손, 형제)
Frontend/CSS 2022. 10. 17. 23:57

지난시간에 "선택자" 에 대해서 공부를 했다면, 본격적으로 자식, 자손, 형제 선택자에 대해서 알아보려고 합니다. [CSS] 선택자 Selector (Type, Class) 1. 선택자 (Selector) 선택자 "Selector"란 말 그대로 선택을 해주는 요소입니다. 1.1 Type선택자 (태그 선택자) [HTML] A선택자1 A선택자2 A선택자3 A선택자4 Type선택자는 태그에 대한 스타일을 지정합니다. a torimaru.tistory.com * 오늘의 예제 /* div = 부모 */ Welcome to Bamtory Blog /* h1 = div의 자식 */ /* ul = div의 자식 */ Sub Content /* h2 = div의 손자, ul의 자식 */ begin CSS1 /* li =..

article thumbnail
[CSS] 선택자 Selector (Type, Class)
Frontend/CSS 2022. 10. 14. 23:32

1. 선택자 (Selector) 선택자 "Selector"란 말 그대로 선택을 해주는 요소입니다. 1.1 Type선택자 (태그 선택자) [HTML] A선택자1 A선택자2 A선택자3 A선택자4 Type선택자는 태그에 대한 스타일을 지정합니다. a태그에 속한 글자들의 폰트 사이즈와 색상을 변경하고싶을 때 아래처럼 선언해주면 됩니다. [CSS] a { font-size: 20px; color: #8492a6; } a 태그를 가진 "선택자"를 선택하여 font-size라는 속성(property)에 20px이라는 속성값(property value)으로 지정합니다. 1.2 Class 선택자 태그안에 class로 지정된 요소들을 선택하는것을 지칭합니다. CSS에서 class의 접근은 .(dot)을 붙이는데, clas..

728x90