Kọmputa, Siseto
CSS, o jo, o jo: rababa, ọmọ, afojusun
Nipa apapọ HTML ati CSS, o le sakoso Egba gbogbo awọn eroja ti oju-iwe ayelujara. Pẹlu aza ti o le yi awọn iṣọrọ awọn ti wo eyikeyi Àkọsílẹ tabi ila. Igba coder nilo lati ṣe kan eka sii-ṣiṣe - lati yi awọn ti wo ni ano ara ni ko, bi a lọtọ apa tabi kan pato ipinle. Ni idi eyi, si awọn iranlowo ti o jo CSS.
O jo-ṣiṣẹ lori kanna opo bi awọn deede kilaasi ni díjítà, ṣugbọn ara won ko ba ti mu nibi. Won le wa ni ti a ti yan lori ilana ti eroja ko to wa ninu iwe alaye, eyi ti yoo ko si yan awọn ibùgbé selector. Eyi ni kan ti o rọrun apẹẹrẹ: o ni a pupa bọtini, ati awọn ti o fẹ lati nigba ti o ba rababa o ti di bulu. Oṣeeṣe, o le ṣee muse ni JavaScript, ṣugbọn idi ti o ki soro? Elo siwaju sii rọrun lati lo a : rababa CSS. Pẹlu awọn oniwe-iranlọwọ ti o le fun eyikeyi kuro awọn sile ti yoo wa ni jeki nikan nigbati awọn Asin kọsọ.
Akojọ ti awọn CSS o jo-kilasi ti wa ni deede imudojuiwọn. Boya, nigba ti o ka yi awọn ohun elo ti, orisirisi titun yoo han. Lati bẹrẹ, ro awọn eyi ti o han ninu CSS3 sipesifikesonu.
: Nth-of-type
Sawon o ni akojọ kan ninu eyi ti o fẹ lati lo alternating awọn awọ, ie, ni igba akọkọ ti ila ni, fun apẹẹrẹ, kọ ni pupa awọn lẹta, ati awọn keji - .. Blue, pupa lẹẹkansi kẹta, kẹrin tun ni bulu. Tẹlẹ, o ni lati ṣẹda titun kilasi. Ifilelẹ ti awọn ti o ti kọja fi kun si kọọkan ano on a kilasi akojọ, ati ki o si yi pada irisi wọn ni awọn stylesheet. O je ko ju itura ati polluting akọkọ.
Bayi ohun gbogbo ni rọrun. Lo CSS o jo-kilasi: nth-ti-iru. Eleyi yoo fun ohun anfani lati gba awọn ti o fẹ visual Ipa, lai yiyipada ohunkohun ninu díjítà. Awọn opo ni o rọrun: ti o ba tẹ a selector, ati ni awọn akọmọ o lẹhin awọn orukọ Kọ a agbekalẹ tabi a Koko ti o ife ri awọn ti a beere eroja. Fun apẹẹrẹ ,: nth-of-type (ani) yoo gbogbo ani eroja, ki o si: nth-of-type (odd) - awọn odd. Nibẹ ni o wa kan ti o tobi nọmba ti fomula wa ni lo lati gbọgán sakoso. Awọn biraketi tọkasi awọn ti ṣee ṣe nọmba - ninu apere yi aza lati wa ni loo si awọn ano ti Ìwé jẹ dogba si yi nọmba.
: Nth-ọmọ
Yi CSS o jo-kilasi lori awọn opo ti igbese ni iru si išaaju ọkan, ṣugbọn ko o ṣiṣẹ iyasọtọ pẹlu awọn ọmọ awọn ti o yan ohun kan. Fun apẹẹrẹ, ti o ba ti o ba fẹ lati lo o lati ṣe awọn hihan ni awọn obi
Fun kongẹ Iṣakoso ti awọn agbekalẹ le ṣee lo. Wọn ti wa ni oyimbo soro fun a akobere, sugbon o jẹ tọ kekere kan jinle sinu awọn sintasi ti bi ohun gbogbo di rọrun. Awọn fomula wa bi wọnyi: ohun + b, ibi ti a - ni a ifosiwewe, ati b - aiṣedeede. Fun apẹẹrẹ, ti o ba ni parenthesis fihan n, awọn ti o jo-yan gbogbo ọmọ eroja (nitori ti o ti wa ni ko pato afikun ofin ni awọn fọọmu ti a ki o si b). Ti o ba pato awọn n + 2, gbogbo awọn eroja ayafi akọkọ (nitori awọn aiṣedeede jẹ dogba si meji) yoo wa ni ti a ti yan. Ti o dara ju ti gbogbo, akoko yi lati iwadi ni iwa. Ṣàdánwò pẹlu awọn ọmọ irinše ati ki o yatọ fomula.
: Last-ọmọ
Ohun gbogbo ni o rọrun. CSS ọmọ jo-kilasi ti wa ni lo lati yan kan pato kan. Eleyi yan awọn ti o kẹhin ọmọ ti awọn obi paati. Ti lo oyimbo igba, fun apẹẹrẹ, lati yan awọn ti o kẹhin kana ti awọn tabili tabi yọ indentation lati kẹhin Àkọsílẹ lati yago fun awọn oniwe-gbigbe si awọn tókàn ila.
: Nth-kẹhin-ọmọ
Nipa awọn opo ti awọn isẹ ni iru si awọn tẹlẹ darukọ nth-ọmọ, ṣugbọn iṣe ni idakeji, ie. E. Nigba lilo eroja ife Gbe oke. Eleyi jẹ wulo ti o ba nilo lati wa awọn diẹ ti o gbẹhin awọn ohun kan.
O le ro wipe awon ti o jo-kilasi ati jo-eroja CSS asan, niwon o le gba ohun ṣe daradara nipa awon kilasi. Eleyi jẹ ko bẹ. : Nth-ọmọ ,: nth- kẹhin-ọmọ wọn ati analogs ni o wa gidigidi rọrun nigbati ṣiṣẹ lori tobi ise agbese - fun apẹẹrẹ, ninu awọn igba miran ibi ti awọn Àkọsílẹ ni o ni kan tobi nọmba ti awọn ọmọde. Ọwọ ṣeto awọn kilasi gun ati lile.
O jo-ipinle iṣakoso
Ohun ti o ba ti o nilo lati yi hihan ohun ano ni kan pato ipinle? Idi eyi pese CSS o jo-tite, ntokasi ati awọn miiran isẹ. Ẹ jẹ ki wadi wọn ni apejuwe awọn.
: asopọ
Yi o jo CSS jo, ko gbogbo, sugbon nikan awon ti o ti ko sibẹsibẹ teleri. Ni o ti o le pato aza fun eroja , fun eyi ti awọn olumulo ti ko sibẹsibẹ koja.
: ṣàbẹwò
An afọwọkọ ti awọn ti tẹlẹ irisi, eyi ti nikan išakoso tẹlẹ ṣàbẹwò ìjápọ. Apapọ awọn meji ti o jo-kilasi, o le ṣe awọn hihan ti afi gangan bi o ti nilo. Akọsilẹ, sibẹsibẹ, wipe awọn ipinle wa ni iṣiro kan pato fun burausa ati tele lẹhin itọju itan.
Awọn ti o jo-kilasi: afojusun CSS
Ọkan ninu awọn julọ awon ti o jo-kilasi, eyi ti o ba lo si diẹ ninu awọn iye rọpo awọn lilo ti JavaScript. O kí Iṣakoso ti awọn idamo to wa ni kana adirẹsi ti awọn iwe. Bẹẹni, ni igba akọkọ ti o jẹ soro lati ni oye. Gbiyanju lati parse awọn apẹẹrẹ.
Jẹ ká sọ ti a ba wa lori iwe 3 ohun amorindun ipin pẹlu awọn id: id1, id2, id3. A tun ni meta ìjápọ si awọn ti o baamu iye href: # id1, # id2, # id3. Nigba ti o ba tẹ lori akọkọ ọna asopọ ni kana adirẹsi ti awọn iwe lẹhin ti awọn asopọ lati awọn ti o baamu id yoo jẹ awọn iwe ara.
Awọn CSS fun gbogbo awọn ohun amorindun ipin kan ini àpapọ: kò si si, ti o ti wa, ti won ko ba ti wa han nipa aiyipada. A lo afojusun: ipin ki o si fun o kan ini àpapọ: Àkọsílẹ. Bayi, nigba ti o ba tẹ lori awọn ìjápọ pẹlu awọn awọn href, ohun amorindun pẹlu awọn ti o baamu id yoo wa ni sọtọ si àpapọ: Àkọsílẹ, nítorí náà, wọn yóò bẹrẹ lati han lori iwe! Nigbati o ba tẹ awọn ọna asopọ lati href = http: // ojula / article / 319683 /% E2% 80% 9D # id1% E2% 80% 9D yoo dènà pẹlu id1, ati ki on ..
Si tun ko ye ohunkohun? Gbiyanju lati ṣàdánwò. Ṣẹda a iwe akọkọ ati awọn aza ti salaye loke. A iṣẹju diẹ nigbamii ti o ba ni a nla olusin ohun gbogbo jade.
O jo ti o le wa ni loo si eyikeyi ano
Ọpọlọpọ ninu awọn loke-ṣàpèjúwe o jo-ìjápọ beere fun awọn ise. Sibẹsibẹ, ko gbogbo eroja nilo . A nọmba ti awọn aṣayan le loo si Egba eyikeyi ara ti awọn iwe.
- : Nṣiṣe lọwọ wa ni lo lati ara eroja lori eyi ti awọn olumulo mo osi Asin bọtini;
- : Rababa - CSS fun eroja to eyi ti awọn olumulo hovers lori;
- : Idojukọ - fun awon awọn ẹya ti awọn iwe, eyi ti o wa ni bayi ni idojukọ. Yi o jo-kilasi ni opolopo igba lati ṣiṣẹ pẹlu awọn iwa. Fun apẹẹrẹ, ti o ba ti o ba fẹ lati yan awọn User Name tọ, nigbati awọn alejo kn awọn ikọrisi lori o ati ki o bẹrẹ Pipe pẹlu ohun kikọ.
Ranti wipe: lọwọ nikan wulo ni akoko ti titẹ. Lẹsẹkẹsẹ lẹhin awọn ifopinsi ti osi Asin bọtini ti ṣeto pẹlu iranlọwọ ti awọn aza yoo farasin ati awọn ohun kan yoo han bi o ti wa ni han nipa aiyipada. Ni ọpọlọpọ igba, yi o jo-kilasi wa ni lo lati ṣiṣẹ pẹlu awọn bọtini. O le ṣeto wọn si kan ti o tobi nọmba ti ipinle. Fun apẹẹrẹ, awọn aiyipada bọtini ni bulu, rababa - ewe, titẹ - pupa, ati be be lo ...
Dajudaju, nikan o jo-kilasi ti wa ni kikun ni atilẹyin nipasẹ igbalode burausa. Fun apẹẹrẹ, ni IE6 ati 7 yoo ko ni anfani lati lo awọn idojukọ, ati awọn rababa ati lọwọ nikan fun itọkasi ise ni IE6. Ireti, o yoo ko ni lati ṣiṣẹ pẹlu awọn burausa, ṣugbọn ti o ba si nilo dide, lo ni àídájú comments.
afikun ti o jo
Awọn aṣayan akojọ si loke akojọ ko ni da nibẹ. Nikan to wa eroja le wa ni pada ọpẹ si igbalode CSS (: sise) tabi o kan ge jade (: alaabo), nikan yipada samisi apoti ati redio (: ẹnikeji). Soki apejuwe kan diẹ diẹ awọn aṣayan ti o le lo fun awọn kan diẹ nipasẹ Iṣakoso hihan akoonu.
- : Nikan-ọmọ - flushes ṣee ṣe lati waye awọn ara to ni ano ti o jẹ nikan ni ọmọ ano;
- : Lang - lati ṣiṣẹ pẹlu awọn eroja ti o ti fi ede lilo awọn Lang ro;
- : Root - lo lati yan awọn root ano. Accordingly, iru ohun HTML tag jẹ ;
- : Ko - kan gan lagbara ọpa. O faye gba o lati ni ihamọ awọn lilo ti awọn aza ti selectors. Eyi ni àpẹẹrẹ: .blue-awọ: ko (igba ). A selector to waye a ara si gbogbo awọn eroja pẹlu awọn kilasi bulu-awọ, ti o ba ti won wa ni ko
.
Full akojọ ti awọn ti o jo-kilasi ko le wa ni nà lori ọkan iwe. Ọpọ ayelujara apẹẹrẹ lo ni asa, nikan diẹ ninu awọn ti wọn, preferring lati ṣakoso awọn majemu pẹlu JavaScript. Bẹẹni, o ni rọrun, ṣugbọn nibẹ ni o wa diẹ ninu awọn asiko ibi ti diẹ munadoko awọn esi yoo wa ni ti waye rọrun, lilo awọn ti o yẹ jo.
Similar articles
Trending Now