[CSS]Safariでの検証時にinvalid CSS property declaration at:*エラーが表示される場合の対処法｜CSS｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

[CSS]Safariでの検証時にinvalid CSS property declaration at:*エラーが表示される場合の対処法

スポンサード

Safariブラウザで要素の検証をしていると「invalid CSS property declaration at:*」というエラーが表示される場合があります。

ただ、Safari以外のブラウザでは（今の所）このエラー自体が出なかったり、Safariでもエラーが出たり出なかったりするため原因がよく分かりませんでしたが、色々調べてみると、どうやらCSSファイル内に書かれた、IE7やIE6向けなどで用いられるCSSハック（*）に問題があるようです。

invalid CSS property declaration at:* のエラーについて

CSSファイルを開き、エラーの対象行に指定されたIE7やIE6向けのハック（*）の部分を除去すればエラーは消えるかと思います。

例えばWordPressであればTwentyfourteenのような古いのテーマを使ったままだと
「twentyfourteen/genericons/genericons.css」のCSSファイルで、
以下の記述がエラーになります。

.genericon {
*overflow: auto;
*zoom: 1;
*display: inline;
}

.genericon {

*overflow: auto;

*zoom: 1;

*display: inline;

}

テーマファイルを直接編集するのは気が引けますが、上記の記述を消してあげればエラーは表示されなくなるかと思います。

スポンサード