問題

次のコードを考えてみましょう:

 .foo {color: blue;}    /* added by Sally */
.foo {color: green;}   /* added by Karen */
.foo {color: yellow;}  /* added by Chad */ 
 <div class="foo">text</div> 

この場合、Word text.fooクラスの最後の反復であるため、黄色でレンダリングされます。

CSSを.fooの以前の定義に戻し、textを緑色にレンダリングする方法はありますか(.fooを再定義する以外は)?

P.S.私はこれが工夫された例であることを認識していますが、それは私が扱っているコードベースです

  ベストアンサー

あなたが解決しようとしている問題は、バージョン管理のいくつかの(少なくとも基本的な)方法がなければ解決できません。どちらがCSSの範囲外です。

シンプルなものは、(チャドがプロジェクトに参加する前から)古いバックアップを持つことを意味します。
または より現代的なものはgitです。ここでは、基本的に行ごとに変更を見て連結することができます。

しかし、チャドの変更を元に戻す方法がない場合は、少なくともレッスンを学ぶことができます。今すぐバージョン管理システムを開始してください。
または たとえば、別のファイルに変更を加えて最後にロードすることができます。

このソリューションには2つの大きな利点があります。

  • 変更の順序は、ファイルの読み込み順序を変更することで変更できます
  • 1人の人が行ったすべての変更は1つのファイルにしかなく、その人が行ったことの一部を元に戻そうとしているときは、そこを見るだけです

これを動作させるには、同じ強さのセレクタを使い続ける必要があります。


しかし、それは git が提供しなければならないものと比較して何もありません。
または 私はおそらく、あなたが古いバックアップを持っている場合、gitはそれらを別々にコミットできるようにしてから、コードを並べて見て、どのようにしたいかを決めることができるツールをマージすることをお勧めします。ラインバイラインベースで。

  同じタグがついた質問を見る

htmlcss