Si XHTML et CSS peuvent être orientés objet. . Le soleil aurait dû se lever du nord. Cependant, tout doit être vu avec les pensées d'OO, et vous pouvez à peine inventer les chiffres. En fait, quelqu'un a proposé de style OO dès il y a quelques années, mais il n'a plus été trouvé.
Alors comment oo? Maintenant, tout le monde sait que CSS peut être écrit d'introduction:
.G_g {/ * xxxxxx * /}
Nous pouvons le regarder à peu près dans un prototype , ou en tant que classe , -__- B semble être une classe, puis instancier un objet en HTML, par exemple:
<div class = g_g> hurle idiot </div>
Cet élément utilisera la définition correspondante de CSS, mais il ne suffit pas d'avoir simplement la classe correspondante, car notre page peut appliquer cette classe à de nombreux endroits. Afin de bien gérer la relation privée , modifiez le code tout à l'heure à:
<div id = aoao class = g_g> hurle idiot </div>
De cette façon, l'élément avec l'ID d'AOAO appliquera la définition de la classe .G_G , et la définition d'effet privé peut être utilisée avec un sélecteur comme #aoao{} , qui n'affectera pas la classe publique .G_G . Dans le même temps, la priorité de la définition #AOAO sera supérieure à celle de .g_g, ce qui est conforme au bon sens que la définition privée est supérieure à celle de la définition publique ^^.
Étant donné que j'ai utilisé l'identification unique de la chose, réutiliser cette définition privée des choses devient un problème (un identifiant ne peut apparaître qu'une seule fois sur une seule page, je ne sais pas qui l'a dit, c'est la vérité de toute façon). Et si nous voulons réaliser plusieurs privatisations? Alors nous devons atteindre le polymorphisme . Dig haha. Modifiez à nouveau le code:
<div class = g_g o_o> hurle idiot </div>
L'un est g_g et l'autre est O_O, mais si nous utilisons .o_O{} nous pouvons également définir des éléments, si CSS est comme ceci:
.G_g {largeur: 100%}. O_O {Color: # 123456}
Les éléments seront tous définis, et comme les définitions ne sont pas empilées, elles seront appliquées. Si le code est comme ça, je ne sais pas s'il sera mieux compris.
<div class = Layout Color> pas un imbécile </div>
.layout {largeur: 100%}. Couleur {couleur: # 123456}
Ensuite, l'emballage est implémenté. Tout le monde doit souvent utiliser le sélecteur d'enfants, modifiez le code:
<div class = g_g> <span class = bendan> idiot </span> aoy </div>
Bien que les deux .bendan{} et .G_G .bendan{} peuvent être définis, ce dernier ne peut être appliqué qu'aux éléments dont la classe est g_g. Nous pouvons simplement comprendre .bendan{} en tant que définition globale et .G_G .bendan{} comme définition locale. Cela aidera notre modularisation de XHTML et CSS. ^^ L'encapsulation légendaire apparaît, puis continue.
<div id = aoao class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
Un tel code peut produire d'innombrables changements et vous pouvez commencer à partir de zéro si vous ne le comprenez pas. ^^
En fait, ceux-ci sont encore loin des vrais objets. J'apprends simplement la fête de titre, mais je peux l'utiliser pour comprendre l'application de l'ID et de la classe.