320

Chromeのdevtoolsを使用して要素を検査しているときに、[要素]タブの右側の[スタイル]バーに、対応するCSSプロパティが表示されます。時々、これらのプロパティのいくつかは打ち破られます。これらのプロパティはどういう意味ですか?

4

7 に答える 7

369

CSSプロパティが取り消し線付きとして表示される場合は、取り消し線の付いたスタイルが適用されたが、より具体的なセレクター、よりローカルなルール、または同じルール内の後のプロパティによってオーバーライドされたことを意味します。

(特殊なケース:スタイルが一致するルールに存在するがコメントアウトされている場合、またはChromeデベロッパーツール内でスタイルをオフにして手動で無効にした場合も、スタイルは取り消し線として表示されます。また、クロスとして表示されます。アウトですが、スタイルに構文エラーがある場合はエラーアイコンが表示されます。)

たとえば、背景色がすべてdivのsに適用されたが、特定のIDを持つsに別の背景色が適用されdivた場合、最初の色は表示されますが、2番目の色が置き換えられるため、取り消し線が引かれます(プロパティ内)divそのIDを持つのリスト)。

于 2010-06-15T16:31:12.640 に答える
15

裏打ちされた後もスタイルを適用したい場合は、 を使用"!important"してスタイルを強制することができます。正しい解決策ではないかもしれませんが、問題を解決してください。

于 2017-08-17T05:11:57.587 に答える