Wenn XHTML und CSS objektorientiert werden können. . Die Sonne hätte aus dem Norden aufsteigen sollen. Alles sollte jedoch mit OOs Gedanken betrachtet werden, und Sie können die Zahlen kaum erfinden. Tatsächlich schlug jemand bereits vor ein paar Jahren einen OO-Stil vor, aber es wurde nicht mehr gefunden.
Wie kann man dann oo? Jetzt weiß jeder, dass CSS einführend geschrieben werden kann:
.G_g { / * xxxxxxx * /}
Wir können es ungefähr in einem Prototyp oder als Klasse -__ -B ansehen, und es scheint eine Klasse zu sein und dann ein Objekt in HTML zu instanziieren, zum Beispiel:
<div class = g_g> dummer Schrei </div>
Dieses Element verwendet die entsprechende Definition von CSS, reicht jedoch nicht aus, um nur die entsprechende Klasse zu haben, da unsere Seite diese Klasse an vielen Stellen anwendet. Um die private Beziehung gut zu bewältigen, ändern Sie den Code gerade jetzt auf:
<div id = aoao class = g_g> dummer Schrei </div>
Auf diese Weise wendet das Element mit der ID von AOAO die Definition der Klasse .G_G an, und die private Effektdefinition kann mit einem Selektor wie #aoao{} verwendet werden, was die öffentliche .G_G -Klasse nicht beeinträchtigt. Gleichzeitig ist die Priorität der #AOAO -Definition höher als die von .g_g, was dem gesunden Menschenverstand entspricht, dass die private Definition höher ist als die der öffentlichen Definition ^^.
Da ich das einzigartige Ding -ID verwendet habe, wird die Wiederverwendung dieser privaten Definition von Dingen zu einem Problem (eine ID kann nur einmal auf einer Seite erscheinen, ich weiß nicht, wer es gesagt hat, es ist sowieso die Wahrheit). Was ist, wenn wir mehrere Privatisierungen erzielen wollen? Dann müssen wir Polymorphismus erreichen. Graben haha. Ändern Sie den Code erneut:
<div class = g_g o_o> dumme schreie </div>
Einer ist g_g und der andere ist o_o, aber wenn wir .o_O{} können wir auch Elemente definieren, wenn CSS so ist:
.G_g {width: 100%}. O_o {color:#123456}
Die Elemente werden alle definiert, und da die Definitionen nicht gestapelt sind, werden sie angewendet. Wenn der Code so ist, weiß ich nicht, ob er besser verstanden wird.
<div class = Layout Farbe> kein Narren </div>
.Layout {Breite: 100%}. Farbe {Farbe:#123456}
Als nächstes wird die Verpackung implementiert. Jeder sollte den untergeordneten Selektor häufig verwenden und den Code ändern:
<div class = g_g> <span class = bendan> dumme </span> aoy </div>
Obwohl beide .bendan{} und .G_G .bendan{} definiert werden können, kann letzteres nur auf Elemente angewendet werden, deren Klasse G_G ist. Wir können .bendan{} einfach als globale Definition und .G_G .bendan{} als lokale Definition. Dies wird unsere Modularisierung von XHTML und CSS helfen. ^^ Die legendäre Kapselung erscheint und dann weiter.
<div id = aoao class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
Ein solcher Code kann unzählige Änderungen vornehmen, und Sie können von vorne anfangen, wenn Sie ihn nicht verstehen. ^^
Tatsächlich sind diese noch weit von realem objektorientiertem. Ich lerne nur die Titelparty, kann sie verwenden, um die Anwendung von ID und Klasse zu verstehen.