첫번째, CSS 사용시에 ID와 CLASS Name 을 정하여 입력할때 숫자를 사용하게되면 적용되지 않는 현상을 확인할수 있습니다. ID와 CLASS 네임은 정상적으로 보이더라도 실제 CSS Style을 선언시에는 적용되지 않습니다.
ex) <p class=”01(숫자)선택자”> test</p>
두번째, 실제 혼자서 코딩을 하다보면 그때그때의 상황에 맞춰 class 및 id를 구성하기때문에 css를 제대로 활요하기 위해서는 css 의 우선 순위를 정하고 진행하는 것이 매우 중요하다고 볼 수 있습니다. 기본적으로 id는 class 보다 우선순위를 가지고 있으며 style sheet 상에서 먼저 작성된 css 선언보다는 후에 작성된 형태가 우선시 되는것을 알 수 있습니다.
ex_01) ID > CLASS (ID 와 CLASS 둘중 ID 가 우선순위에 있다.) <p id=”선택자”> test</p> <p id=”선택자” class=”선택자”> test</p>
ex_02) 동일한 ID값의 선언 중 우선순위는 나중에 작성된 ID 또는 CLASS 값이 우선순위를 가집니다.
선작성(윗줄에 먼저 작성된 부분) < 후작성 ( 아랫줄에 작성된 부분)
이외에도 !important라는 문구로 우선순위를 강제하는 방법도 있습니다.
개인적으로 코딩에 정답은 없지만 기본룰에 맞춰서 한다면 좀더 효율적인 방법으로 성과를 만들수 있습니다.
