1

ChromeDeveloper Toolsを使用して要素を検査する場合、チェックを外すだけでスタイル プロパティを無効にするオプションがあります。

ボックスのチェックを外すと (たとえばborder: 1px solid)、境界線が消え、エディターのスタイル プロパティが取り消し線付きで表示されますが、[ソース] タブをクリックしてエディターから変更を保存するとすぐに、チェックされていないスタイルが返されます。「ソース」タブに移動して変更を保存したときに一度だけ気づいたことがあります。チェックされていないスタイルはコメントアウトされているため、コードを手動で削除せずに変更を保存できます。

チェックされていない (削除された) スタイルを保存する方法を知っている人はいますか?

アップデート：

さて、私は何かを考え出しました。次に例を示します。

これは DevTools エディターにあります。

#content .text {
    display: block;
    font-weight: 700;
    margin: 0 0 8px;
}

これらのスタイルのいずれかのチェックを外すと、ブラウザーですぐに有効になり、ソース タブをクリックすると、スタイルはスタイルシートにまだ存在します。

#content .text {
    display: block;
    font-weight: 700;
    margin: 0 0 8px;
}

ただし、他のプロパティのいずれかを編集した場合、たとえば、余白を 7px に変更し、font-weight のチェックを外すと、次のようになります。

#content .text {
    display: block;
    /* font-weight: 700; */
    margin: 0 0 7px;
}

最後に、チェックされていないスタイルがソース タブでコメント アウトされ、削除されたスタイルを保存できるようになります。追加の編集を行わなくてもこれが機能することを願っていますが、今のところ行う必要があります。

4

1 に答える 1