【AMP】「style amp-custom内のCSS !importantは許可されていません」エラーの意味と修正方法

WordPressサイトをAMP化していると、Search Consoleの「拡張」レポートに「エラー：タグ「style amp-custom」内のテキストに「CSS !important」が含まれていますが、これは許可されていません」という、見慣れないエラーが表示されることがあります。専門用語が並んでいて、何が問題でどう直せばいいのか分かりにくいエラーの一つです。

この記事では、このエラーが意味する内容と具体的な修正方法を解説します。なお、AMPは現在Googleの検索結果での優遇措置が終了しており、新規にAMPを維持する必要性自体が以前より下がっています。AMPをそもそも使うべきかどうかについてはそもそも今AMPは必要？外すべき？でも解説しているので、あわせて確認してみてください。

エラーの意味｜AMPでは独自CSSに「!important」を使えない

AMP（Accelerated Mobile Pages）には、ページの表示崩れを防ぎ、表示速度を一定に保つための独自のルールが定められています。その一つが「`