속성 선택자

속성선택자 는 브라켓[]으로 설정한다. 

• a[herf]
  • a태그 중에서의 href의 속성을 가지는 엘리먼트를 선택해서 스타일을 적용한다. 
  • href을 가지고 있는 속성들은 전부 다 찾아 내기 때문에 따로 a를 작성하지 않고 
  • [herf]으로 표현해도 가능하다.
• [title='google']
  • title의 속성이 google인 엘리먼트를 선택해서 스타일을 적용한다.
• [href^='www']
  • 앞의 꺽쇠란 시작하는 이라는 의미를 가지고 있다.
  • www으로 시작하는 속성이 선택되게 된다. 
• [href$='kr']
  • $이란 끝나는 이라는 의미를 가지고 있다. 
  • href 속성의 값이 'kr'으로 끝나는 엘리먼트를 선택해서 스타일을 적용한다. 
• [title*='홈페이지']
  • title속성값에 "홈페이지"라는 텍스트를 포함하고 있는 엘리먼트를 선택해서 스타일을 적용한다.
  • 글자가 그냥 작성되어있으면 선택된다. 
• [title~='홈페이지']
  • title의 속성값에 "홈페이지"라는 단어를 포함하고 있는 엘리먼트를 선택해서 스타일을 적용한다. 
  • 공백으로 분리된 별도의 단어를 선택할 수 있다.
• p[id^='news']
  • 엘리먼트 p중에서 id가 news로 시작되는 속성만 선택한다.
  • id를 작성하면 id를 4개를 작성해야하지만, 속성선택자를 사용하여 선택할 수 있다.