XHTMLおよびCSS_HTML/Xhtml_Webページ制作のオブジェクト指向プログラミング

XHTMLとCSSがオブジェクト指向にできれば。 。太陽は北から昇るはずです。ただし、すべては OO の考え方で見る必要があり、数字を補うことはほとんどできません。実際、2000 年には誰かが OO スタイルを提案していましたが、現在は見つかりません。
どうやってやるの？ CSS は次のように記述できることは誰もが知っています。
.G_G { /* xxxxxx */ }
これを プロトタイプ または クラス と考えることができます。 -__-b はクラスのようで、HTML オブジェクトで「インスタンス化」する必要があります。例えば：

この要素は CSS の対応する定義を使用しますが、ページでは「Private」の関係を処理するためにこのクラスを多くの場所で適用する可能性があるため、対応するクラスだけでは十分ではありません。今のコードを次のように変更します。

この場合、ID aaoao の要素は .G_G クラスの定義を適用します。#aoao{} などのセレクターを使用してプライベート効果の定義を入力できます。これはパブリック .G_G には影響しません 🎜>同時に、このクラスは、#aoao で定義された優先順位が .G_G よりも高くなります。これは、プライベート定義の優先順位がパブリック定義よりも高いという常識と一致します^^。
私は ID を固有のものとして使用しているため、そのような私的に定義されたものの再利用は問題になります (ID はページ内に 1 回しか表示できません。誰がそう言ったか知りませんが、それは真実です)。同じことの多くを民営化したい場合はどうすればよいでしょうか?次に、「ポリモーフィズム」を実装する必要があります。掘って、ははは。コードを再度変更します。

1 つは "G_G"、もう 1 つは "o_O" ですが、.o_O{} を使用すると、次のような CSS の要素を定義することもできます。
.G_G {幅:100%} .o_O {color:#123456}
要素はすべて定義され、定義が重複しないため、すべてが適用されます。こんな感じのコードだと分かりやすいか分かりません。

.layout{width:100%} .color{color:#123456}
次に、「カプセル化」を実装する必要があります。子セレクターは頻繁にコードを変更してください。

.bendan{} と .G_G .bendan{} の両方を定義できますが、後者はクラス "G_G" を持つ要素にのみ適用できます。.bendan{} はグローバル定義、.G_G .bendan{} はローカル定義として単純に理解できます。 、これは XHTML と CSS のモジュール化に有益です。 ^^伝説の「カプセル化」が現れ、そしてそれは続いた。

このようなコードでは無数の変更が生じる可能性があります。それでも理解できない場合は、最初から始めてください。 ^^
実際のところ、これらはまだ真のオブジェクト指向にはほど遠いですが、見出しを学習しているだけですが、ID とクラスの適用を理解するために使用できます。