Jika XHTML dan CSS dapat berorientasi objek. . Matahari seharusnya terbit dari utara. Namun, semuanya harus dilihat dengan pikiran OO, dan Anda hampir tidak dapat membuat angka. Faktanya, seseorang mengusulkan gaya OO sedini beberapa tahun yang lalu, tetapi itu tidak lagi ditemukan.
Lalu bagaimana cara oo? Sekarang semua orang tahu bahwa CSS dapat ditulis pengantar:
.G_g { / * xxxxxx * /}
Kita dapat melihatnya secara kasar dalam prototipe , atau sebagai kelas , -__- B tampaknya menjadi kelas, dan kemudian instantiate objek dalam HTML, misalnya:
<Div class = g_g> konyol yell </div>
Elemen ini akan menggunakan definisi CSS yang sesuai, tetapi tidak cukup hanya memiliki kelas yang sesuai, karena halaman kami dapat menerapkan kelas ini di banyak tempat. Untuk menangani hubungan pribadi dengan baik, ubah kode sekarang menjadi:
<Div id = AOAO class = g_g> Yell konyol </div>
Dengan cara ini, elemen dengan ID AOAO akan menerapkan definisi kelas .G_G , dan definisi efek pribadi dapat digunakan dengan pemilih seperti #aoao{} , yang tidak akan mempengaruhi kelas .G_G publik. Pada saat yang sama, prioritas definisi #AOAO akan lebih tinggi daripada .g_g, yang sejalan dengan akal sehat bahwa definisi pribadi lebih tinggi daripada definisi publik ^^.
Karena saya menggunakan ID hal yang unik, menggunakan kembali definisi pribadi ini menjadi masalah (ID hanya dapat muncul sekali pada satu halaman, saya tidak tahu siapa yang mengatakannya, itu adalah kebenaran). Bagaimana jika kita ingin mencapai banyak privatisasi? Maka kita harus mencapai polimorfisme . Dig haha. Ubah kode lagi:
<Div class = g_g o_o> konyol yell </div>
Salah satunya adalah G_G dan yang lainnya adalah O_O, tetapi jika kita menggunakan .o_O{} kita juga dapat mendefinisikan elemen, jika CSS seperti ini:
.G_g {lebar: 100%}. O_o {color:#123456}
Semua elemen akan didefinisikan, dan karena definisi tidak ditumpuk, mereka akan diterapkan. Jika kodenya seperti ini, saya tidak tahu apakah itu akan lebih dipahami.
<div class = tata letak warna> bukan orang bodoh </div>
.layout {width: 100%}. Color {Color:#123456}
Selanjutnya, kemasannya diimplementasikan. Setiap orang harus sering menggunakan pemilih anak, mengubah kode:
<Div class = g_g> <span class = bendan> konyol </span> aoy </div>
Meskipun .bendan{} dan .G_G .bendan{} dapat didefinisikan, yang terakhir hanya dapat diterapkan pada elemen yang kelasnya adalah G_G. Kita dapat dengan mudah memahami .bendan{} sebagai definisi global dan .G_G .bendan{} sebagai definisi lokal. Ini akan membantu modularisasi XHTML dan CSS kami. ^^ enkapsulasi legendaris muncul, lalu lanjutkan.
<Div ID = AOAO class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
Kode semacam itu dapat menghasilkan perubahan yang tak terhitung jumlahnya, dan Anda dapat mulai dari awal jika Anda tidak memahaminya. ^^
Bahkan, ini masih jauh dari objek yang nyata. Saya hanya belajar pesta judul, tetapi saya dapat menggunakannya untuk memahami penerapan ID dan kelas.