Chrome の devtools を使用して要素を検査しているときに、要素タブの右側の「スタイル」バーに対応する CSS プロパティが表示されます。これらのプロパティの一部に取り消し線が引かれることがあります。これらのプロパティはどのような意味ですか?
ベストアンサー1
CSS プロパティが取り消し線で表示されている場合、取り消し線で囲まれたスタイルが適用されたが、より具体的なセレクター、よりローカルなルール、または同じルール内の後のプロパティによって上書きされたことを意味します。
(特殊なケース: 一致するルールにスタイルが存在するがコメントアウトされている場合、または Chrome 開発者ツール内でチェックを外して手動で無効にしている場合、スタイルは取り消し線付きで表示されます。スタイルに構文エラーがある場合も、取り消し線付きで表示されますが、エラー アイコンが表示されます。)
たとえば、すべての に背景色が適用されているdiv
が、特定の ID を持つ に異なる背景色が適用されている場合div
、最初の色は表示されますが、2 番目の色に置き換えられているため取り消し線が引かれます (div
その ID を持つ のプロパティ リスト内)。