XHTMLとCSSがオブジェクト指向である場合。 。太陽は北から上昇するはずです。ただし、すべてがOOの考えで見る必要があり、数字をほとんど構成できません。実際、誰かが数年前には早くもOOスタイルを提案しましたが、もう見つかりませんでした。
次に、OOする方法は?今では誰もがCSSを紹介を書くことができることを知っています:
.g_g { / * xxxxxx * /}
大まかにプロトタイプで、またはクラスとして見ることができます-__- Bはクラスのように見えます。たとえば、HTMLにオブジェクトをインスタンス化することができます。
<div class = g_g>愚かな叫び</div>
この要素はCSSの対応する定義を使用しますが、対応するクラスだけを持つだけでは十分ではありません。なぜなら、このクラスは多くの場所でこのクラスを適用する可能性があるからです。プライベートな関係をうまく処理するために、今すぐコードを次のように変更します。
<div id = aoao class = g_g>愚かなyell </div>
このように、AOAOのIDを持つ要素はクラス.G_Gの定義を適用し、プライベート効果定義は、public .G_Gクラスに影響しない#aoao{}のようなセレクターで使用できます。同時に、#AOAO定義の優先順位は.G_Gの優先度よりも高くなります。これは、プライベート定義がパブリック定義の定義よりも高いという常識に沿っています^^。
私はユニークなものIDを使用したので、このプライベートの物事の定義を再利用することが問題になります(IDは1ページに一度しか表示できません。誰がそれを言ったのかわかりません。とにかく真実です)。複数の民営化を達成したい場合はどうなりますか?次に、多型を達成する必要があります。ハハを掘ります。もう一度コードを変更します:
<div class = g_g o_o>愚かなyell </div>
1つはG_Gで、もう1つはO_Oですが、 .o_O{} CSSが次の場合は要素を定義することもできます。
.g_g {width:100%}。o_o {color:#123456}
要素はすべて定義され、定義は積み重ねられていないため、適用されます。コードがこのような場合、それがよりよく理解されるかどうかはわかりません。
<div class =レイアウトカラー>愚か者ではありません</div>
.layout {width:100%}。色{色:#123456}
次に、パッケージが実装されます。誰もが頻繁に子セレクターを使用する必要があります。コードを変更します。
<div class = g_g> <span class = bendan>愚かな</span> aoy </div>
.bendan{}と.G_G .bendan{}の両方を定義できますが、後者はクラスがG_gである要素にのみ適用できます。 .bendan{}はグローバル定義として、 .G_G .bendan{}ローカル定義として理解することができます。これは、XHTMLとCSSのモジュール化に役立ちます。 ^^伝説のカプセル化が表示され、続行します。
<div id = aoao class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
このようなコードは無数の変更を生成する可能性があり、理解していない場合はゼロから始めることができます。 ^^
実際、これらはまだ実際のオブジェクト指向から長い道のりです。私はタイトルパーティーを学んでいるだけですが、IDとクラスのアプリケーションを理解するためにそれを使用できます。