css_선택자_우선순위

dev.dave·2023년 7월 25일

CSS

목록 보기
5/30
  1. 기본적으로는 밑으로 작성한
    즉 위에서 아래로 코드가 흐른다면 아래 코드가 우선순위가 높다.
    그러나

그 다음 우선순위가 높은거로는
2. !important > inline style attribute(html에서 style직접지정한 속성) > id > class > : 으로된 속성 > tag 이름으로지정한 속성

순서임

그리고
꼼수인데,
3. 우선순위가 같다면 개수가 많은 css 가 우선순위가 높다.


꼼수

같은 동등한 순위라면
순위를 높이기 위해서는 꼼수를 쓸수있는데,
물런 상하 순서를 바꾸는게 좋지만,

꼼수를 쓰자면

그냥 예를들어
.fixed 라는 클래스가 있다치면

.fixed.fixed.fixed
이런식으로 두번 세번 연달아 똑같은 클래스를 달아놓으면,
순위가 더 높아진다.

profile
🔥개인 메모 / 다른블로그 자료 참조 / 다른블로그 자료 퍼옴 (출처표기) /여기저기서 공부 했던 내용 개인메모 & 참고 / 개인 기록 용도 블로그 입니다.🔥

0개의 댓글