마크업 자주 까먹는 오류

finelinefe·2020년 7월 19일
1

사전스터디

목록 보기
1/2

-가망이 없...이 아니고 이걸로 해결.gif -



접근성. 마크업 오류 대체적으로 잘 걸리는 / 그외 팁


1) input 클릭시 효과 주기
input:focus 속성이용


2) 예외 속성 리스트 적용
classname:not(:nth-of-type(n child))


3) div에 링크걸고 싶을때(onclick X)
div 안에 a 태그 넣고 css 에서 display:block 지정. w,h 100%로 할 것


4) 외워지지 않는 label과 input에 오류걸렸을 때
label 값에 for 추가. input에도 id 값을 같은걸로 넣어주면 해결


5) 레이블 미제공 오류
input에 id 값 = label의 for 값
input에 title 값 추가


6) 여러곳에서 placeholder 색상 변경을 쓰고싶다면
common 파일에 각자의 클래스를 준 것마다 속성을 지정해야한다
input::webkit-input-placeholder 참고

0개의 댓글