주요 선택자

💎 type selector

• 요소 선택자, 태그 셀렉터

💎 id selector

• html 전역속성 id = 이름표
• 이요소 콕 찝어서 설명할수 있는 이름표 달아줄 수 있음
• 유일하고 유니크한 이름
• 동명이인X
• 전체에서 중복없이 딱 하나

#id이름 {

}

💎 class selector

• html 전역속성 class = 이름표
• 중복가능
• 스페이싱을 하면 두개이상의 이름도 사용할 수 있음

.클래스이름 {

}

속성 선택자

• Attribute selector
• 속성 선택자, 특성 선택자
• html의 속성을 뜻함

💎 1.[attr]

• 태그[속성]
  ex)

a[target] {

}

💎 2.[attr=value]

a[href="http://naver.com"] {

}

input[type="submit"] {

}

• input태그는 하나만 사용했는데도 굉장히 다른형태를 가지고 있기때문에 일관성이 없음
  -> 일관적으로 스타일 적용을 하면 안됨
  -> type selector 뿐만아니라 attr selector를 이용해 더 구체적으로 원하는 요소 고를 수 있음

💎 3. [attr^=value]

• = 앞에 특수문자가 붙으면 부분적으로 일치하더라도 선택하게 되있음
• value값으로 시작하는 애들을 선택하라

💎 4.[attr$=value]

• value값으로 끝나는 애들을 선택하라

💎 5.[attr*=value]

• value값을 포함하는 애들을 선택하라