1005 TIL

looggi·2022년 10월 6일
2

스파르타 내배캠 AI-3

목록 보기
30/130
post-thumbnail

🤓 css 대잔치

😎 장고 템플릿 스타일 넣는 방법!

{% extends 'base.html' %}
{% block comment-update-style(블록이름) %}
  <style>
  	a:link{text-decoration:none;}
  </style>
{% endblock %}

➜ 이걸 사용할 템플릿에 넣고 가장 base가 되는 템플릿 <header></header>사이에 넣어준다

😎 링크에 밑줄 없애기

a:link { color: red; text-decoration: none;}
# 클릭하지 않은 링크

a:visited { color: black; text-decoration: none;} 
# 한번 클릭했던 혹은 다녀갔던 링크

a:hover { color: blue; text-decoration: underline;}
# 링크를 클릭하려고 마우스를 가져갔을 때

❓👽 해결하지 못한 문제 ❓

다음 div.comment가 toggle_box의 hover 창을 가림

  • 오버레이
  • 자바스크립트?

튜터님 말로는 그냥 간격을 띄워서 안겹치게 하는 게 가장 쉽다는데 그렇게 무식하게 하고 싶지가 않은뎅...

➜ 시도해볼 것:

a:hover + div {
    visibility: hidden;
}
toggleClass( class, [duration] )

profile
looooggi

2개의 댓글

comment-user-thumbnail
2022년 10월 6일

강아지가 정말 귀여워요ㅎㅎ

답글 달기
comment-user-thumbnail
2022년 10월 6일

드디어 이미지를 쓰셨네여

답글 달기