별의 공부 블로그 🧑🏻‍💻

🗒️ !important (2)

728x90
  1. 2022.04.20 [CSS] background-color 속성 없애기

    background-color 속성 없애기 개요 모든 요소가 background-color 속성으로 인하여 특정한 한 가지 배경색을 갖고 있을 때, 특정 요소의 배경색만 없애고 싶을 때가 있다. 방법 다음과 같이 배경색을 제거하고 싶은 요소의 background-color 속성을 transparent로 설정해준 후, !important 를 붙여서 스타일을 강제 적용시켜준다. #item { background-color: transparent !important; } 사용 예 요소에 마우스 커서를 올리면 모두 초록색 배경이 표현되지만, 예외적으로 요소 3에는 배경색이 표현되지 않는다. See the Pen Untitled by Sangsoon Kim (@starrykss) on CodePen.

  2. 2022.04.10 [CSS] 링크 밑줄(Underline) 없애기

    링크 밑줄(Underline) 없애기 개요 태그를 사용할 때 href 옵션을 사용할 경우, 글자 밑에 밑줄(Underline)이 생기게 된다. 간단한게 CSS를 사용하여 이러한 밑줄을 없애줄 수 있다. 방법 적용시키고자 하는 요소의 text-decoration 속성을 none으로 지정해주면 된다. item { text-decoration: none; } 적용 예 HTML 블로그 홈 CSS a { text-decoration: none; } 참고 HTML 선언과 동시에 한 번에 적용시키기 style 옵션을 사용하여 적용 시켜 준다. 블로그 홈 강제로 적용시키기 important! 를 세미콜론(;) 앞에 추가해준다. a { text-decoration: none !important; } 링크 위에 마우스 커..

728x90
📖 Contents 📖

티스토리툴바