Programmation orientée objet de production de pages XHTML et CSS_HTML/Xhtml_Web

Si XHTML et CSS peuvent être orientés objet. . Le soleil devrait se lever au nord. Cependant, tout doit être considéré avec une mentalité OO, et nous pouvons à peine composer avec les chiffres. En fait, quelqu'un a proposé le style OO dès 2000, mais on ne le trouve plus.
Comment faire ? Maintenant, tout le monde sait que CSS peut être écrit comme ceci :
.G_G { /* xxxxxx */ }
Nous pouvons le considérer comme un prototype, ou une classe, -__-b semble être une classe, et ensuite il doit être "instancié" dans un objet HTML, Par exemple:

Cet élément utilisera la définition correspondante de CSS, mais la classe correspondante ne suffit pas, car notre page peut appliquer cette classe à de nombreux endroits afin de gérer la relation de "Privé", mettez. Changez le code tout à l'heure en :

Dans ce cas, l'élément avec l'ID aaoao appliquera la définition de la classe .G_G, et vous pourrez utiliser des sélecteurs comme #aoao{} pour saisir la définition des effets privés, ce qui n'affectera pas le public .G_G 🎜> Pour cette classe, en même temps, la priorité définie par #aoao sera supérieure à .G_G, ce qui est conforme au bon sens selon lequel les définitions privées ont une priorité plus élevée que les définitions publiques^^.
Puisque j'utilise quelque chose d'unique comme un identifiant, la réutilisation de telles choses définies de manière privée devient un problème (un identifiant ne peut apparaître qu'une seule fois sur une page, je ne sais pas qui a dit ça, mais c'est la vérité). Et si nous voulions parvenir à la privatisation d’un grand nombre de choses identiques ? Ensuite il faut mettre en œuvre le "Polymorphisme". Creuse haha. Changez à nouveau le code :

L'un est "G_G" et l'autre est "o_O", mais si on utilise .o_O{}, on peut aussi définir l'élément Si le CSS est comme ceci :
.G_G {largeur:100%} .o_O {couleur :#123456} Les éléments
seront tous définis, et comme les définitions ne se chevauchent pas, ils seront tous appliqués. Si le code est comme ça, je ne sais pas s'il sera plus facile à comprendre.

.layout{width:100%} .color{couleur:#123456}
Ensuite, nous devons implémenter "Encapsulation". Vous devez utiliser fréquemment le sélecteur d'enfant. Modifiez le code :

Bien que .bendan{} et .G_G .bendan{} puissent être définis, ce dernier ne peut être appliqué qu'aux éléments de classe "G_G". Nous pouvons simplement comprendre .bendan{} comme une définition globale et .G_G .bendan{} comme une définition locale. , cela sera bénéfique à la modularisation de nos XHTML et CSS. ^^La légendaire "encapsulation" est apparue, puis elle a continué.

Ce type de code peut produire d'innombrables changements. Si vous ne le comprenez pas, recommencez à zéro. ^^
En fait, ceux-ci sont encore loin d'être véritablement orientés objet. J'apprends juste les titres, mais je peux les utiliser pour comprendre l'application de l'ID et de la classe.