빈 CSS 선언의 예상되는 동작은 무엇입니까? 예를 들어

Question

는 :

.foo { font-family: ; font-size: ; } 

나는 IE9와 크롬에서 다른 행동을보고 있어요. IE9는 이러한 속성을 제로화하기 위해 이것을 사용하는 것 같습니다 (비록이 동작이 현재 다른 페이지에서 일관성이없는 것은 사실입니다).

크롬에서는 단순히 무시하는 것처럼 보입니다.

예상되는 실제 동작은 무엇입니까? 그것도 유효한 CSS입니까?

Answer 1

잘못된 CSS입니다.

브라우저는 값이없는 선언 (전체 선언이 아닌 각 선언 만 또는 유효하지 않은 선언 이후의 모든 내용)을 무시해야합니다.

• 조작 선언 다음 spec (생략 무관 코드 예) 발. 사용자 에이전트는(), [], {}, ""및 ''쌍을 일치시키는 규칙을 준수하고 선언을 끝내고 이스케이프를 올바르게 처리하여 선언을 파싱하는 동안 발생하는 예기치 않은 토큰을 처리해야합니다. 예를 들어 잘못된 형식의 선언에 속성, 콜론 (:) 또는 값이 없을 수 있습니다.

  p { color:green } 
  p { color:green; color: } /* malformed declaration missing value */ 
  p { color:red; color:; color:green } /* same with expected recovery */ 
  

Answer 2

크롬이 옳다 : 다음은 모두 동일합니다. 참조 : p { color:green; color: } 여기에 : http://www.w3.org/TR/CSS2/syndata.html#parsing-errors