반응형
<body class="home">
<div class="top_container">
<!-- Do something -->
</div>
</body>
<body class="about">
<div class="top_container">
<!-- Do something -->
</div>
</body>
.home .top_container{}
.about .top_container{}
참고로 형제 관계에선 될지언정 부모 자식관계의 DOM에서는 불가능하다.(부모의 style을 물려받아 원치않는 css가 적용이된다.)
How can I make a same class name unique to different pages
I am using single CSS file for all my pages, but I come across with this problem. I have an almost identical (with minor differences) element on two different pages ( let's say home page and about ...
stackoverflow.com
반응형
'Basic > HTML & CSS' 카테고리의 다른 글
| input 커서 깜빡임 없애기 (0) | 2022.01.23 |
|---|---|
| Loading IO 를 이용한 감성 프로그래밍 (0) | 2021.10.31 |
| CSS 우선순위 규칙 (0) | 2021.03.31 |
| 색감이 고민될때 참고할 수 있는 사이트 (0) | 2021.03.18 |
| HTML을 이용하여 video 속도 조절 방법 (0) | 2020.12.27 |