728x90
반응형
html 구조를 변경하지 않고 css를 통해 span 안의 텍스트를 변경하고 싶은 경우가 있습니다.
그럴 때 '가상 선택자'를 사용하여 변경해줍니다.
저는 클래스를 하나 더 추가해 사용했습니다.
변경하고 싶은 텍스트를 type 2의 가상 선택자의 css에 추가하고
기존 텍스트는 보이지 않게 해줘야 하기 때문에 .txt.type2 의 font-size를 0으로 설정해줍니다.
See the Pen span txt by jh-baek-95 (@jh-baek-95) on CodePen.
⭐️ 비슷한 유형
img src를 css로 수정하기
https://sevendays.tistory.com/45
[CSS] img src를 css로 수정하기
보통 img 태그를 쓸 때는 html 안에 아래와 같이 들어가게 됩니다. 해당 src를 바꾸고 싶거나, background-image를 사용하지 않을 때 css에서 아래와 같이 사용할 수 있습니다. img {content: url(../images/img2.png)
sevendays.tistory.com
728x90
반응형
'html,css' 카테고리의 다른 글
| [html / css] 아이폰 노치 대응 / ios safe-area / env() (0) | 2023.01.11 |
|---|---|
| [CSS] -webkit-tap-highlight-color / 모바일 터치 / css 대응 (0) | 2022.12.12 |
| [CSS] scrollLeft 했을때 부드럽게 이동 (0) | 2022.10.23 |
| [html,css] 반응형 레이아웃 (0) | 2022.07.05 |
| [CSS] img src를 css로 수정하기 (0) | 2022.05.13 |