[CSS] class와 id

class와 id

• id는 한 번만 사용한다. #container{...}

• class는 여러 번 사용할 수 있다. .t1{...}

• 한 태그에 여러 개의 class를 적용할 수 있다. <p class="p2 p1 d1">hello!</p>

• 한 클래스에 여러 개의 태그를 적용할 수 있다. .name1, .t1, .cs1{...}
  콤마를 찍지 않으면 상속 관계이다. name의 자식 cs에 적용하라는 뜻이 된다.

• *{...} : 전체에 적용한다는 의미.

• 외부 css link 방법 : <link rel="stylesheet" href="@@.css"> style태그 위/아래에 위치한다. 위에 위치하면 내부 스타일이 강력해진다.

• css 우선순위 : !important > 인라인 > id > 내부class > 외부class > tag
  
  .name1{font-family: 굴림 !important;} -- 가장 강력하다.
  <div style="background-color: pink; color: black;>hello!</div>" -- 인라인 css. 두 번째로 강력하다.

• id > class : id가 클래스보다 우선순위가 높다.

• css 중복 선언 시 나중에 선언한 것이 반영된다.

• 상속 : .name1 > .t1{...} -- name1의 자식 t1 클래스에만 스타일 적용. name1에는 스타일이 적용되지 않는다. 이때 > 는 자식에게만 사용할 수 있다. 손자에는 사용 불가.
  손자의 경우 .name1 .손자class{...} 띄어쓰기로 상속한다.