첫번째, 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라는 문구로 우선순위를 강제하는 방법도 있습니다.

개인적으로 코딩에 정답은 없지만 기본룰에 맞춰서 한다면 좀더 효율적인 방법으로 성과를 만들수 있습니다.

STAY IN THE LOOP

Subscribe to our free newsletter.

[fusion_form form_post_id="4569" margin_bottom="0" hide_on_mobile="small-visibility,medium-visibility,large-visibility" /]

Related Posts

View all
  • Continue reading
  • Continue reading
  • Continue reading
  • Continue reading