유효하지 않은 의사 요소 또는 의사 클래스

Question

내 css 페이지가 한 달 전쯤에 오류없이 유효성이 검사되었으며 오류가 발생하는 코드 줄을 편집하지 않았습니다. 내가 할

form input:required:focus{ 
    border: 3px solid red; 
} 

form input:invalid{ 
    border: 3px solid grey; 
} 

오류는 다음과 같습니다 "알 수없는 의사 요소 또는 의사 클래스 : 필요"와 "알 수없는 의사 요소 또는 의사 클래스 : 무효". CSS 레벨 3에 대해 유효성을 검사하고 있습니다.

Answer 1

이것은 :required 및 :invalid 가상 클래스가 CSS Selectors Level 4의 일부이므로 (CSS3 검사기를 사용하여 유효성을 검사 할 수 없음) 때문입니다.

레벨 4에만 속하지만 대부분의 브라우저는 Chrome/Firefox/IE (> = 10)/Opera (> = 10)/Safari (> = 5)로 이미 구현되어 있습니다.