Komputer, Programming
CSS, pseudo, pseudo: kisaran, anak, target
Kanthi nggabungaken HTML lan CSS, sampeyan bisa ngontrol pancen kabeh unsur kaca Web. Kanthi gaya sampeyan bisa kanthi gampang ngganti dipikir saka sembarang pemblokiran utawa baris. Asring Coder kudu nindakake tugas liyane Komplek - kanggo ngganti dipikir saka unsur dhewe ora, minangka bagéan kapisah utawa negara tartamtu. Ing kasus iki, kanggo bantuan pseudo CSS.
Pseudo-operate ing asas padha karo kelas biasa ing markup, nanging fisik lagi ora saiki kene. Padha bisa milih ing basis saka unsur ora klebu ing informasi document, kang ora bakal pilih pamilih biasanipun. Punika conto sing prasaja: sampeyan duwe tombol abang, lan pengin nalika kisaran iku dadi biru. Miturut teori, iku dipun JavaScript, nanging apa iku dadi angel? Luwih trep kanggo nggunakake : kisaran CSS. Kanthi bantuan sawijining sampeyan bisa menehi unit sembarang paramèter sing bakal micu mung nalika kursor mouse.
Dhaftar CSS pseudo-kelas sing ajeg dianyari. Mbok, nalika maca materi iki, saperangan katon anyar. Kanggo miwiti, nimbang gedhe-gedhe sing muncul ing specification CSS3.
: Nth-of-jinis
Upaminipun duwe dhaftar sing arep digunakake gantian werna, IE, baris kapisan, contone, ditulis ing aksara abang, lan liya - .. Blue, abang maneh kang kaping papat yaiku maneh ing biru. Sadurunge, sampeyan wis nggawe kelas anyar. Layout sasi ditambahaké kanggo saben unsur ing dhaftar kelas, banjur diganti sing katon ing stylesheet ing. Iku ora banget nyaman lan Heh tata.
Saiki kabeh iku luwih gampang. Gunakake CSS pseudo-kelas: nth-of-jinis. Iki bakal menehi kesempatan kanggo entuk efek visual sing dipengini, tanpa ngganti tindakan ing markup. prinsipipun ingkang prasaja: ngetik pamilih, lan ing kelompok sawise jeneng nulis rumus utawa tembung kunci sing bakal nemokake unsur sing dibutuhake. Contone ,: nth-of-jinis (malah) bakal kabeh malah unsur, lan: nth-of-jinis (aneh) - ing aneh. Ana sawetara akeh rumus digunakake kanggo sabenere ngontrol. Ing kelompok nunjukaké nomer bisa - ing kasus iki gaya kanggo Applied kanggo unsur kang indeks punika witjaksono menyang nomer iki.
: Nth-anak
Iki CSS pseudo-kelas ing asas saka tumindak iku padha karo kang sadurungé, nanging kados kerjane istimewa karo anak saka item sing dipilih. Contone, yen sampeyan pengin nggunakake aplikasi iku kanggo ngatur tampilan punika tiyang sepah
Kanggo pas kontrol rumus bisa digunakake. Padha cukup angel kanggo pamula, nanging iku worth a sethitik tuwa menyang ukara saka carane kabeh dadi luwih gampang. Formula minangka nderek: lan b +, ngendi - iku faktor, lan b - nutup kerugian. Contone, yen ing parenthesis nunjukaké n, ing pseudo-milih kabeh unsur anak (amarga ora kasebut wewaton tambahan ing bentuk lan b). Yen sampeyan nemtokake n + 2, kabeh unsur kajaba pisanan (amarga nutup kerugian punika witjaksono menyang loro) bakal kapilih. Best kabeh, wektu iki kanggo sinau ing laku. Ngayahi karo komponen anak lan rumus beda.
: Paling-anak
Kabeh iku prasaja. anak CSS pseudo-kelas sing digunakake kanggo milih item tartamtu. Iki milih anak pungkasan saka komponèn sepah. Digunakake cukup kerep, contone, kanggo milih ing saben pungkasan saka meja utawa mbusak indentation saka pamblokiran pungkasan supaya transfer kanggo baris sabanjuré.
: Nth-suwene-anak
Miturut prinsip operasi iku padha karo nth-anak kasebut sadurunge, nanging tumindak ing arah ngelawan, IE. E. Nalika nggunakake unsur bakal mindhah munggah. Iki migunani yen perlu golek sawetara item pungkasan.
Sampeyan bisa uga mikir sing iki pseudo-kelas lan pseudo-unsur CSS guna, wiwit sampeyan bisa njaluk iku rampung uga dening kelas conventional. Iki ora supaya. : Nth-anak ,: nth- pungkasan-anak lan analog sing nyenengake nalika nggarap proyèk gedhe - contone, kanggo njagani pemblokiran wis sawetara ageng anak. Manual ngatur kelas dawa lan hard.
kontrol pseudo-negara
Apa yen perlu ngganti tampilan sawijining unsur ing negara tartamtu? cilik iki menehi CSS pseudo-ngeklik, pointing lan tumindak liyane. Ayo padha nliti wong-wong mau ing rinci.
: link
Iki referensi pseudo CSS, ora kabeh, nanging mung sing durung dibukak. Ing sampeyan bisa nemtokake gaya kanggo unsur , kanggo kang pangguna wis durung liwati.
: dibukak
Analog ing pawujudan sadurungé, kang mung kontrol pranala wis dibukak. Nggabungaken pseudo-kelas iki, sampeyan bisa ngatur tampilan tags persis sing perlu. Wigati Nanging, sing negara sing diwilang kanggo browser tartamtu lan kosong, bisa diperlokake sawise Sajarah perawatan.
The pseudo-kelas: target CSS
Salah pseudo-kelas paling menarik, kang yen digunakake kanggo sawetara ombone nggantosaken nggunakake JavaScript. Iku ngijini kontrol sing pengenal kalebu ing alamat baris saka kaca. Ya, pisanan iku angel mangertos. Coba njlentrehake contone.
Ayo dadi ngomong kita ing pamblokiran div page 3 karo id tartamtu: id1, id2, ID3. Kita uga duwe telung pranala menyang angka sing cocog href: # id1, # id2, # ID3. Nalika klik ing link pisanan ing alamat baris saka kaca sawise link kanggo cocog id bakal kaca dhewe.
CSS kanggo kabeh pamblokiran div kasebut tampilan property: ora ana, sing wis, lagi ora bakal dituduhake dening default. Kita nggunakake target: div lan dipun tampilan property: pemblokiran. Saiki, nalika klik ing pranala karo tartamtu href ing, pamblokiran karo cocog id bakal diutus kanggo tampilan: pemblokiran, lan Mulane, padha bakal miwiti katon ing kaca! Nalika klik link kanggo href = http: // situs / artikel / 319683 /% E2% 80% 9D # id1% E2% 80% 9D bakal mblokir karo id1, lan ing ..
Isih ora ngerti apa-apa? Coba ngayahi. Nggawe tata letak kaca lan gaya ing ndhuwur. A sawetara menit mengko sampeyan duwe tokoh gedhe kabeh metu.
Pseudo sing bisa Applied kanggo unsur sembarang
Akèh pseudo-pranala ndhuwur-diterangake dibutuhake kanggo proyek. Nanging, ora kabeh unsur kudu . Saperangan embodiments bisa Applied kanggo bagean saka kaca rampung.
- : Aktif digunakake kanggo unsur gaya kang pangguna ngeklik tombol kiwa mouse;
- : Kisaran - CSS kanggo unsur kanggo kang pangguna hovers liwat;
- : Fokus - kanggo sing bagean saka kaca, kang saiki fokus. pseudo-kelas iki asring digunakake kanggo bisa karo formulir. Contone, yen sampeyan pengin kanggo milih Anggota Jeneng pituduh, nalika manca mranata kursor liwat lan wiwit mencet karakter.
Elinga yen: aktif mung bener ing wektu menet. Sanalika sawise mandap kiwa tombol mouse disetel karo bantuan saka gaya bakal ilang lan item bakal katampil minangka ditampilake minangka standar. Ing kasus paling, iki pseudo-kelas digunakake kanggo nggarap tombol. Sampeyan bisa nyetel kanggo nomer akeh negara. Contone, tombol standar biru, kisaran - ijo, mencet - abang, etc ...
Mesthi, mung pseudo-kelas sing kanthi didhukung dening browser modern. Contone, ing IE6 lan 7 ora bisa nggunakake fokus, lan kisaran lan aktif mung kanggo karya réferènsi ing IE6. Mugia, sampeyan ora bakal bisa karo browser iki, nanging yen isih kudu jumeneng, nggunakake komentar saratipun.
tambahan pseudo
Pilihan dhaptar kasebut ing ndhuwur dhaftar Panjenengan ora mandheg ana. unsur mung gawan bisa mbalekake thanks kanggo CSS modern (: aktif) utawa mung Cut metu (: dipatèni), mung ngalih ditandhani kothak lan radio (checked). Sedhela njlèntrèhaké opsi liyane sawetara sing bisa digunakake kanggo kontrol luwih jero katon isi.
- : Mung-anak - flushes bisa kanggo aplikasi gaya kanggo unsur kang mung unsur anak;
- : Lang - bisa karo unsur sing wis diwenehi basa nggunakake ngubungake lang;
- : ROOT - digunakake kanggo milih unsur ROOT. Patut, lan tag HTML kuwi ;
- : Ora - alat banget kuat. Nanging ngidini sampeyan kanggo matesi nganggo gaya tartamtu saka selectors. Punika conto: .Biru-werna: ora (span ). A pamilih kanggo aplikasi gaya kanggo kabeh unsur karo kelas biru-werna, yen lagi ora .
dhaftar pepak saka pseudo-kelas ora bisa digawe dowo ing kaca. Paling web perancang nggunakake ing laku, mung sawetara wong, luwih seneng ngatur kondisi karo JavaScript. Ya, iku trep, nanging ana sawetara wektu ngendi asil luwih efektif bakal ngrambah luwih gampang, nggunakake pseudo cocok.
Similar articles
Trending Now