1. 3 속성 선택자

1.3.1 속성 선택자

• 태그의 속성에 따라 다르게 선택할 경우
• 속성 존재 유무, 속성 일치, 속성 접두사, 속성 접미사 포함하는 문자열

 

1.3.2 속성 선택자 종류 -image(예시)

• img[src] { } - 이미지 중에서 src 속성이 존재하는 요소 선택
• img[src="mbc.png"] { } - 이미지 중에서 src 속성의 값이 일치하는 요소 선택
• img[src|="문자"] { } - 이미지 중에서 src 속성의 값이 일치하거나특정 문자로 시작하는 요소 선택
• img[src^="문자"] { } - 이미지 중에서 src 속성의 값이 특정 문자로 시작하는 요소 선택
• img[src$="문자"] { } - 이미지 중에서 src 속성의 값이 특정 문자로 끝나는 요소 선택
• img[src*="문자"] { } - 이미지 중에서 src 속성의 값이 특정 문자가 포함되는 요소 선택
• img[src~="문자"] { }