속성 선택자

h2[class] {}

요소[속성]

h2중 class 속성을 가지고 있는 모든 h2

 

 

 

*[title]

타이틀 속성을 가진 모든것

 

input[type=text] {}

요소[속성=값]

input 태그 중 type이 text 인거 다 찾음.

 

 

 

img[alt] {}

alt 가지고 있는 img들 모두 선택

 

 

span[class=abc]{}

이름이 딱 abc 단독으로 있는거

 

[class^=box]{}

class 명이 box로 시작되는 것

<div class="box123">

이런 거

 

span[class!=abc]{}

이거는 abc가 아닌 거

근데 왜 이거는 css에서 에러뜨냐

이건 js에서만 되나?

 

span[class*=abc]{}

abc를 포함하는 모든 것

<div class="abc123">

<div class="123abc123">

 

 

span[class|=abc]{}

이름이 abc로 시작하는 것

<div class="abc123">

 

 

 

span[class$=abc]{}

이름이 abc로 끝나는 것

<div class="123abc">

 

 

span[class~=abc]{}

abc 클래스를 포함하고 있는 것

<div class="abc 123">

<div class="123 abc">