[TIL] 220325 - css pseudo selectors, css input 박스 클릭할 때 기본 테두리 없애는 법

🚶🏻‍♀️오늘 한 일 🚶🏻‍♀️

☑️ kokoa cloning 3시간... 아니 왜 세 시간이나 걸렸지..??? 아놔 검색은 컴팩트하게,,

🔛 JDK  - 내일 환경변수까지 마저 설정하기.. 이클립스랑

☑️ 이코테 이진탐색 이론 + 실전문제 2문제, 떡볶이 떡 내일 다시 해결하기

BOJ

 

 

---

 

Pseudo Selectors

Pseudo classes: 

요소의 상태, 다른 요소들과의 관계, 마우스의 위치 등으로 요소를 더 특정시킨 것.

pseudo selector라 하면 이렇게 더 세부적으로 특정해서 요소를 가리키는 것 (css 에서)

 

css selectors 참고:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors#pseudo

CSS selectors - CSS: Cascading Style Sheets | MDN

input:hover {} 에서 :hover은 pseudo class로, :pseudo는 도큐멘트 트리에 없는 내용, 예를 들어 사용자가 발생시키는 이벤트 (클릭 등)으로 element를 특정하는 것..

 

input box에서 클릭 시 테두리 없애는 방법

input:focus { border:none; } 

input:focus { outline:none; }  ==> 🙆🏻‍♀️