[CSS] Attribute 선택자

1) [attr]

• 해당 attr을 갖고있는 요소 선택

  ex) <a> 태그 중 target 속성을 갖고있는 요소만 선택하기.

  a[target] {
  background-color: yellow;
  }

2) [arrt=value]

• attr의 값이 특정 value인 요소 선택

  ex) <a> 태그 중 disney로 링크가 연결된 요소 선택하기.

  a[href="www.disney.com"] {
  background-color: coral;
  }

3) [attr~=value]

• attr의 값이 특정 value가 아닌 요소 선택

4) [attr^=value]

• ^(캐럿): value로 시작하는 요소 선택(prefix)

5) [attr$=value]

• $(달러) : value로 끝나는 요소 선택(postfix)

6) [attr*=value]

• *(star) : value를 적어도 하나 포함하고있는 요소 선택