일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- advancedwebranking
- 결합자
- 복합선택자
- 절대경로
- document.querySelector
- argument
- appendChild
- 연결자
- Selector
- 함수
- 선택자
- object
- CSS
- TiL
- Let
- 인자
- padStart
- 속성선택자
- HTMLSTUDY
- src
- const
- 상대경로
- Append
- padEnd
- combinator
- HTML
- 공부일지
- function
- 생활코딩
- 코딩공부
- Today
- Total
목록Selector (2)
능히 할수있다!

∙속성 선택자(Attribute Selector) - 태그 내의 특정 속성들을 선택함. 조건값을 부여하여 다양한 활용이 가능함 '선택자[속성]' a[target]{ color: red; } /* 'a'태그에 'target' 속성을 가진 요소를 선택함 */ '선택자[속성="값"]' a[href="https://www.tistory.com/"]{ color: green; } /* 'a'태그에 'href'속성 값이 "https://www.tistory.com/"인 모든 요소를 선택함 */ '선택자[속성~="값"]' a[title~="Selector"]{ color= red; } a[title~="Reference"]{ font-size= 35px; } /* 'a'태그의 'title' 속성값에 'Selector..

생활코딩 강좌를 듣던 중 선택자(Selector)의 종류와 다양한 활용법이 궁금해져 찾아보고 알게 된 내용들을 나누어 정리해보려고 한다 ∙전체 선택자(Universal Selector) - HTML 문서 내의 모든 요소를 선택함. 브라우저 과부하 위험이 있어 사용을 권장하지 않음 *{ color: red; padding: 20px; } ∙태그 선택자(Type Selector) - HTML 문서 내의 태그를 선택자로 지정하여, 지정된 이름을 가진 모든 태그를 선택함 p{ font-size: 20px; text-align: center; } /* 모든 'p'태그를 선택 함 */ ∙클래스 선택자(Class Selector) - 'class'속성 값을 가진 요소들을 선택함. 최대한 html태그 내에서 선택자를 ..