html - スタイル サブセクションの HTML タブの下にある Firebug で、ページのスタイルに取り消し線が引かれるのはなぜですか

Question

私はhtmlページを持っています。その要素を Firebug で調べると、そのスタイルに取り消し線が引かれています。なぜそうなのですか？

Answer 1

ブラウザーはスタイル シートを通過するときに適用します。最初のものが適用され、次に 2 番目が適用されます。

div{color:#ffe000}
div{color:#ffffff}

2 番目のスタイルが適用されます。

その後の変更でどのスタイルもオーバーライドされないようにする場合は、!important 属性を使用できます。これにより、この属性を持つスタイルがオーバーライドされるのを防ぐことができます。

div{color:#ffe000!important}
div{color:#ffffff}

したがって、div は #ffe000 color を保持します。

お役に立てれば。

Answer 2

そのスタイルの行は別のスタイルによってオーバーライドされるためです。スタイルシートの階層と、コード行のどこにスタイルがあるかによって異なります。

例：

#test-element {
    display: block;
}

#test-element {
    display: none;
}

あなたのfirebugでは、「display:none」によって上書きされているため、「display:block」という行に取り消し線が表示されることがわかります。