구문 전에 span에서 백그라운드 이미지를 쓰면 같은 div나 ul안에서 다음 span에 이전 span의 백그라운드 이미지가 따라온다. 이럴땐 h2를 사용해 블라인드 클래스를 만들어 투명화 하고 span을 붙여쓰면 이전 span의 백그라운드 이미지가 사라지게 된다.
<li class="rank-live">
<h2 class="blind">실시간검색어</h2>
<span>1</span>
<span>박준영</span>
</li>
'html과CSS 중급' 카테고리의 다른 글
| 2021-07-02 margin 상쇄 collapsing (부모와 자식 간 마진 틈 해결) (0) | 2021.07.02 |
|---|---|
| 2021-07-01 (얼라인 middle 과 nth-child/nth-of-type) (0) | 2021.07.01 |
| 2021-06-21 개발일지 (겹치는 부분 해결) (0) | 2021.06.22 |