프론트앤드 이야기/CSS2

• 

  [CSS] CSS 선택자 이해 화면 개발하면서 늘 헷갈리는 CSS .class ul : class 라는 class 의 모든 ul 하위 선택자에 적용.class > ul : class 라는 class 의 바로 아래 자식 ul 선택자만 적용 1. CSS 명시도(Specificity) 계산법!important > id [ 100 ] > class [ 10 ] > tag [ 1 ] > * [ 0 ] !important선언을 사용한 형식이 가장 우선 순위가 높습니다. 그래서 다른 선언들을 덮어버릴 수 있기 때문에 꼭 필요한 곳에만 사용해야 합니다.이를 제외한 나머지 선택자는 대괄호 "[]"안에 있는 숫자를 각각의 점수로 부여하여 우선순위를 계산합니다.ID 선택자의 갯수를 세어서 개당 100 으로 계산합니다. (= a)클래스 선택자의 갯수를 세.. 프론트앤드 이야기/CSS 2018. 9. 26.

• 

  [CSS] CSS 적용 순서 ID > class > 선택자 순이 기본요소에 inline 으로 명시된 스타일이 가장 우선순위가 높으며예외적으로 important 속성으로 정의된 것이 모든것을 무효화하며 적용순위가 제일 높다. 출처 : http://webberstudy.com/html-css/css-2/multiple-style-sheet-and-priority-order/ 프론트앤드 이야기/CSS 2018. 9. 24.