[IT]] CSS - Attribute 선택자란 ?

 Attribute 선택자 

: HTML 의 attribute (속성) 값으로 특정 요소를 선택할 수 있음

ex)  a[target] { }    a태그중 target 속성을 갖고있는 요소만 선택

 

선택 종류

ㅡ [attr]   : 해당 attr 을 갖고있는 요소 선택

a[href] {

  font-size: 40px;

}

ㅡ [attr=value] : attr 의 값이 특정 value 인 요소 선택

a[href="mailto:aaaaa2@email.com"] {

  color: greenyellow;

}

ㅡ [attr~=value] : attr의 값이 특정 value 가 아닌 요소 선택

ㅡ [attr$=value] : value로 끝나는 요소 선택

a[href$=".com"] {

  background-color: red;

}

ㅡ [attr*=value] : value를 적어도 하나포함하고 있는 요소 선택

a[href*="ma"] {

  color: pink; }

 

---

상세 속성 아래의 내용 참조

https://developer.mozilla.org/ko/docs/Web/CSS/Attribute_selectors

특성 선택자 - CSS: Cascading Style Sheets | MDN