Girai CSS Selector dzakawanda kuti Uvandudze Kutakura Mutoro
Kubudirira chinhu chinonyanya kukosha muwebsite yakabudirira. Nzvimbo iyo inofanira kuva yakashanda mukushandisa kwayo mifananidzo paIndaneti . Izvi zvichabatsira kuti nzvimbo yacho iite zvakanaka kune vashanyi uye inotakura zvakanyanya pamashandiro avo. Kubudirira kunofanira kuvawo chikamu chekuita kwako, nekukubatsira kuti uchengetedze nzvimbo yekufambira mberi nenguva uye nebhajabi.
Pakupedzisira, kubudirira kunobatanidzwa mune zvose zvese zvekushandurwa kwewebsite uye kubudirira kwenguva yakareba, kusanganisira mumitambo yakanyorerwa maCSS ma site. Kukwanisa kuumba mafuta, mafaira eCSS akachena, uye imwe yenzira dzaunogona kubudirira nayo ndeyokubatanidza vatengi vakawanda veCSS pamwe chete.
Kugadzira Sarudzo
Paunenge uchitanga vasarudzo veCSS , iwe unoshandisa matanho akafanana kune zvimwe zvakasiyana zvakasiyana pasina kudzokorora mafaira mupepeti yako. Panzvimbo yekuve nemitemo miviri kana mitatu kana kupfuura kunyange yeCSS, iyo yose inoita chinhu chimwe chete (muenzaniso, isa mararamiro echinhu chakatsvuka), iwe une CSS imwe chete yekutonga iyo inozadzisa peji rako.
Pane zvikonzero zvinoverengeka nei "kubatanidza kwevasarudzo" kunobatsira peji. Kutanga, yako chidimbu chepaiti chichave chidiki uye mutoro nokukurumidza. Ichokwadi, mavara emashizha haasi chimwe chezvivi zvakakosha pazvinouya pakuderera kupinza nzvimbo. CSS mafaira ndiwo mafaira emafaira, saka kunyange maCSS akawanda kwenguva refu madiki, faira-size akachenjera, kana akaenzaniswa nemifananidzo isina kunaka. Kunyange zvakadaro, zvishoma zvishoma zvinoverenga, uye kana uchikwanisa kuveura hukuru hweCSS yako uye kutakura mapeji anokurumidza kukurumidza, iyo nguva dzose chinhu chakanaka chaunofanira kuita.
Pakati pese, pamusoro pevhesi yepamutoro yekukwira kwemasayiti iri pasi pemaminitsi matatu; Maminitsi matatu kusvika kumasere anenge avhareji, uye anopfuura maminetsi manomwe anonoka. Iyi nhamba dzakaderera dzinoreva kuti, kuti uzviwane newebsite yako, unofanira kuita zvose zvaunogona! Ichi ndicho chikonzero iwe unogona kubatsira kuchengetedza nzvimbo yako nokukurumidza uchishandisa makasarudza eCSS.
Nzira Yokubatana Sei CSS Selectors
Kuti uite boka reCSS vasarudzo pamwe chete mumutauro wepepa yako, unoshandisa ma komas kuti uparadzanise vasarudzo vakawanda muboka mumutauro. Mumuenzaniso uri pasi apa, chimiro chinokanganisa p uye div zvikamu:
div, p {ruvara: # f00; }Iyo komma inonyanya kureva "uye". Saka musarudzo uyu anoshanda kune vose ndima yezvinyorwa uye zvose zvese zvakakamura. Kana iyo comma yakanga isipo, inogona kunge iri dzose ndima dzinenge dziri mwana wekupesana. Icho chiri rudzi rwakasiyana kwazvo rwevasarudzo, naizvozvo nhamba iyi inonyatsoshandura zvinoreva musarudzo!
Chero chero maitiro echisarudzo anogona kuiswa pamwe nemumwe musarudzo. Mumuenzaniso uyu, sarudzo yechikoro yakakumbwa nemusarudzo weDzisi:
p.red, #sub {ruvara: # f00; }Saka chirevo ichi chinoshandiswa kune chero ndima pamwe nekirasi yekuti "tsvuku", uye chero chimwe chinhu (sezvo tisingatsananguri kuti ndeupi rudzi) ine chiratidzo che "ID" che "sub".
Iwe unogona kuunganidza nhamba ipi neipi yevasarudze pamwe chete, kusanganisira vasarudzo vasiri mazwi asina kukodzera uye vanokonzera vasarudzo. Uyu muenzaniso unosanganisira vasarudzo vana vakasiyana:
p, .red, #sub, div a: link {muto: # f00; }Saka izvi mutemo weCSS ungashanda kune zvinotevera:
- Chero ndima ipi neipi
- Chero chinhu chipi nechikoro che "red"
- Chero chinhu chipi nechirongwa che "sub"
- I "chibatanidza" chikwata chevhesi yezvinyorwa zveanchor izvo zvinoratidzira zvekuparadzanisa.
Mutori wekupedzisira ndiye musarudzo wekombani. Iwe unogona kuzviona zviri nyore kusanganiswa nevamwe vasarudzo mune mutemo weCSS. Nehutongi ihwohwo, isu tiri kuisa ruvara rwe # f00 (iro rutsvuku) pane idzi 4 sarudzo, iyo inofanirwa kunyora 4 vasarudzo vakasiyana kuti vawane mhinduro imwe chete.
Rimwe rubatsiro rwekugadzirisa vasarudzo nderokuti, kana iwe uchida kuita shanduko, iwe unogona kuchinja imwechete CSS mutongi panzvimbo yezvizhinji. Izvi zvinoreva kuti nzira iyi inokuchengetedza iwe peji yepamusoro uye nguva iyo inosvika pakuchengetedza nzvimbo yacho munguva yemberi.
Chero Sarudzo Inogona Kubatanidzwa
Sezvaunogona kuona kubva mumuenzaniso uri pamusoro apa, chero sarudzo yakakodzera inogona kuiswa muboka, uye zvese zviri mudhipi iyo inofanidza zvinhu zvose zvakakumbwa zvichava netsika imwechete yakavakirwa kubva pane iyo faira yeimba.
Vamwe vanhu vanosarudza kunyora zvikamu zvakakumbwa pamiganhu yakasiyana yezvakanyorwa mumutsetse. Kuonekwa pawebsite uye mutoro wejasi unoramba wakafanana. Semuenzaniso, unogona kuenzanisa maitiro akaparadzaniswa nemakomasita mune imwe chimiro chepaiti mune imwe mutsara wekhodi:
th, td, p.red, div # kutanga = ruvara: tsvuku; }
kana iwe unogona kutarisa maitiro pamiganhu yega yega kujekesa:
th,
nkm,
p.red,
div # kutanga
{
ruvara: tsvuku;
}
Pamwe nzira yaunoshandisa kuisa mazita ezvakasarudzwa zveCSS akawanda inosimudza nzvimbo yako uye inoita kuti zvive nyore kutarisa matanho kwenguva refu.
Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa5/8/17.