[TIL] 22.08.01

Lily·2022년 8월 1일
0

TIL

목록 보기
5/13
post-thumbnail
  1. repeat() 메서드
  2. CSS 선택자

💡 repeat() 메서드

repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다.

'문자열'.repeat(2) // '문자열문자열'

💡 CSS 선택자

  • CSS 선택자는 스타일을 적용하고자 하는 HTML 요소를 특정할 때 사용하는 문법이다.
/* 어트리뷰트 선택자: Input 요소 중에 type 어트리뷰트 값이 'text'인 요소를 모두 선택 */
input[tpye=text] { ... }

/* 후손 선택자: div 요소의 후손 요소 중 p 요소를 모두 선택 */
div p { ... }

/* 자식 선택자: div 요소의 자식 요소 중 p 요소를 모두 선택 */
div > p { ... }

/* 인접 형제 선택자: p 요소의 형제 요소 중에 p 요소 바로 뒤에 위치하는 ul 요소를 선택 */
p + ul { ... }

/* 일반 형제 선택자: p 요소의 형제 요소 중에 p 요소 뒤에 위치하는 ul 요소를 모두 선택 */
p ~ ul { ... }

/* 가상 요소 선택자: p 요소의 콘텐츠의 앞에 위치하는 공간응 선택. 일반적으로 content 프로퍼티와 함께 사용된다. */
p::before { ... }

0개의 댓글