Si XHTML y CSS pueden estar orientados a objetos. . El sol debería haber salido del norte. Sin embargo, todo debe verse con los pensamientos de OO, y apenas puedes compensar los números. De hecho, alguien propuso estilo OO tan pronto como hace unos años, pero ya no se encontró.
Entonces, ¿cómo oo? Ahora todos saben que CSS se puede escribir introductorio:
.G_g { / * xxxxxxx * /}
Podemos verlo aproximadamente en un prototipo , o como clase , -__- B parece ser una clase, y luego instanciar un objeto en HTML, por ejemplo:
<Div class = g_g> Silly Yell </div>
Este elemento utilizará la definición correspondiente de CSS, pero no es suficiente solo tener la clase correspondiente, porque nuestra página puede aplicar esta clase en muchos lugares. Para manejar bien la relación privada , cambie el código a:
<div id = aoao class = g_g> Silly Yell </div>
De esta manera, el elemento con la ID de AOAO aplicará la definición de la clase .G_G , y la definición de efecto privado se puede usar con un selector como #aoao{} , que no afectará a la clase .G_G pública. Al mismo tiempo, la prioridad de la definición #AOAO será mayor que la de .g_g, que está en línea con el sentido común de que la definición privada es más alta que la de la definición pública ^^.
Dado que usé la identificación de la cosa única, reutilizar esta definición privada de cosas se convierte en un problema (una identificación solo puede aparecer una vez en una página, no sé quién lo dijo, es la verdad de todos modos). ¿Qué pasa si queremos lograr múltiples privatizaciones? Entonces debemos lograr el polimorfismo . Cavar jaja. Cambie el código nuevamente:
<Div class = G_G O_O> Silly Yell </iv>
Uno es G_G y el otro es O_O, pero si usamos .o_O{} también podemos definir elementos, si CSS es así:
.G_g {ancho: 100%}. O_o {color:#123456}
Todos los elementos se definirán, y dado que las definiciones no están apiladas, se aplicarán. Si el código es así, no sé si se entenderá mejor.
<Div class = Color de diseño> No es un tonto </div>
.Layout {ancho: 100%}. color {color:#123456}
A continuación, se implementa el embalaje . Todos deben usar el selector de niños a menudo, cambiar el código:
<div class = g_g> <span class = bendan> tonto </span> aoy </div>
Aunque tanto .bendan{} y .G_G .bendan{} se pueden definir, este último solo se puede aplicar a elementos cuya clase es g_g. Simplemente podemos entender .bendan{} como una definición global y .G_G .bendan{} como una definición local. Esto ayudará a nuestra modularización de XHTML y CSS. ^^ Aparece la encapsulación legendaria y luego continúa.
<div id = aoao class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
Dicho código puede producir innumerables cambios, y puede comenzar desde cero si no lo entiende. ^^
De hecho, estos siguen siendo un largo camino desde orientados a objetos reales. Solo estoy aprendiendo la fiesta del título, pero puedo usarla para comprender la aplicación de ID y clase.