Se XHTML e CSS puderem ser orientados a objetos. . O sol deveria ter subido do norte. No entanto, tudo deve ser visto com os pensamentos de OO e você mal pode compensar os números. De fato, alguém propôs o estilo OO já há alguns anos, mas não foi mais encontrado.
Então como oo? Agora todo mundo sabe que o CSS pode ser escrito introdutório:
.G_g { / * xxxxxx * /}
Podemos olhar aproximadamente em um protótipo , ou como classe , -__- B parece ser uma classe e, em seguida, instanciar um objeto em HTML, por exemplo:
<div class = g_g> grito bobo </div>
Esse elemento usará a definição correspondente de CSS, mas não é suficiente para ter a classe correspondente, porque nossa página pode aplicar esta classe em muitos lugares. Para lidar bem com o relacionamento privado , mude o código agora para:
<div id = Aoao Class = g_g> gritar bobo </div>
Dessa forma, o elemento com o ID do AOAO aplicará a definição da classe .G_G , e a definição de efeito privado pode ser usado com um seletor como #aoao{} , que não afetará a classe pública .G_G . Ao mesmo tempo, a prioridade da definição #AOAO será maior que a de .g_g, que está de acordo com o senso comum de que a definição privada é maior que a da definição pública ^^.
Como usei o ID de coisa única, reutilizar essa definição privada de coisas se torna um problema (um ID só pode aparecer uma vez em uma página, não sei quem disse isso, é a verdade de qualquer maneira). E se quisermos alcançar várias privatizações? Então devemos alcançar o polimorfismo . Dig haha. Altere o código novamente:
<div class = g_g o_o> gritar bobo </div>
Um é G_G e o outro é O_O, mas se usarmos .o_O{} também podemos definir elementos, se o CSS for assim:
.G_g {width: 100%}. O_o {color:#123456}
Todos os elementos serão definidos e, como as definições não forem empilhadas, elas serão aplicadas. Se o código for assim, não sei se será melhor compreendido.
<div class = cor de layout> não é um idiota </div>
.Layout {Width: 100%}. Color {Color:#123456}
Em seguida, a embalagem é implementada. Todos devem usar o seletor de crianças com frequência, altere o código:
<div class = g_g> <span class = bendan> bobo </span> Aoy </div>
Embora ambos .bendan{} e .G_G .bendan{} possam ser definidos, este último só pode ser aplicado a elementos cuja classe é g_g. Podemos simplesmente entender .bendan{} como uma definição global e .G_G .bendan{} como uma definição local. Isso ajudará nossa modularização de XHTML e CSS. ^^ O encapsulamento lendário aparece e continua.
<div id = Aoao class = g_g o_o> <span class = bendan> idiota </span> Aoao </div>
Esse código pode produzir inúmeras alterações e você pode começar do zero se não o entender. ^^
De fato, estes ainda estão muito longe de reais objetos orientados a objetos. Estou apenas aprendendo a festa do título, mas posso usá -la para entender a aplicação de ID e classe.