Chii Chichienzaniswa muCSS Selector?

Chikonzero nei comma iri nyore inonyoresa coding

CSS, kana Kushandura Mavara Mapepa, ndeye web design yakagadzirwa nedzimwe nzira yekuwedzerwa mavara ekuonekwa kune site. NeCSS, unogona kudzora mapeji epaji, mavara, zvinyorwa , chimiro chemufananidzo, nezvimwe zvakawanda. Chaizvoizvo, kana chiri chimiro chekuona, ipapo CSS ndiyo nzira yekuunza iyo michina kune webhusaiti yako.

Sezvaunowedzera CSS mafaira kune chikwata, unogona kuona kuti dhesi yacho inotanga kuwedzerwa uye yakareba. Kunyangwe nzvimbo shoma ine mapeji mashomanana anogona kuguma neCSS yakawanda faira - uye nzvimbo yakakura zvikuru ine majenya uye mapeji akawanda ezvimwe zvinhu zvinogona kuva nemafuta makuru eCSS. Izvi zvinowanikwa nemiti inoshandiswa ine mhinduro dzakawanda dzevhidhiyo dzakabatanidzwa mumashizha ekushandura kushandura kuti maonero anoonekwa sei uye peji inobuda kune zvikasi zvakasiyana.

Hongu, CSS mafaira anogona kuwana nguva refu. Iyi haisi dambudziko guru kana iri pamusoro pekushanda kwewebsite nekudhura kasi, nekuti kunyange yakareba CSS file ingangodaro yakave yakanyanya kuduku (sezvo ichinyorwa chete chikwata chekunyora). Kunyange zvakadaro, zvishoma zvishoma zvinoverengeka kana zvinosvika peji yepamhanho, saka kana iwe ukagona kuita kuti style yako yepepa ive yakasimba, iyo pfungwa yakanaka. Apa ndipo apo "comma" inogona kuuya zvakanyatsonaka mumutauro wepepa yako!

Commas neCSS

Iwe ungangodaro wakanetseka kuti chii chinonzi comma muCSS sarudzo ye syntax. Sezvakanyorwa mumitsara, comma inounza tsananguro-kwete chidimbu-kune vaparadzi. Nhamba iri mumusarudzo weCSS inoparadzanisa vasarudzo vakawanda mukati mezvidimbu.

Somuenzaniso, regai titarise imwe CSS iri pasi.

t {ruvara: tsvuku; }
nkm (ruvara: tsvuku; }
p.red {ruvara: tsvuku; }
div # kutanga {muvara: tsvuku; }

Nezwi iri, iwe unoti iwe unoda t tags, td tags, tag tags nekirasi tsvuku, uye div tag neAID yakatanga zvose kuti uve nemuvara wemutauro wakatsvuka.

Izvi zvinonyatsogamuchirwa neCSS, asi pane zvipingamupinyi zviviri zvakakosha pakuzvinyora nenzira iyi:

Kuti unogona kudzivisa zvinetso izvi, uye kujekesa faira yako yeCSS, tichaedza kushandisa ma-commas.

Kushandisa Makas Kuti Aparadzanise Selerer

Panzvimbo yekunyora 4 vasarudzwa veCSS vakasiyana nemitemo 4, unogona kuunganidza maitiro ose aya muimba imwechete yekutonga kuburikidza nekuparadzanisa vamwe vasarudzo nekomma. Heino nzira iyo yaizoitwa:

th, td, p.red, div # kutanga = ruvara: tsvuku; }

Iko nhengo yemunhu anonyanya kuita sezwi rokuti "uye" mukati mechisarudzo. Saka izvi zvinoshanda kumatemu t h uye TD tags AND tags pandima nekirasi tsvuku uye div tag neAdhi yekutanga. Izvozvo ndizvo zvataiva nazvo kare, asi panzvimbo yekuda mitemo 4 yeCSS, tine mutemo mumwechete nevanosarudza vatengi. Izvi ndizvo zvinonzi comma muchisarudzo, inotibvumira kuva nevasarudzo vakawanda mumutemo mumwe chete.

Hazviiti chete kuti nzira iyi inogadzirisa mafayiri, mafaira eCSS, uyewo inoita kuti zvinyorwa zvitsva zvive nyore. Zvino kana iwe uchida kuchinja ruvara kubva pakutsvuka kusvika kune bhuruu, iwe unofanira kungoita shanduko pane imwe nzvimbo panzvimbo yepakutanga mitemo yemitambo yechina yatakanga tine! Funga pamusoro peizvi nguva yekuchengetedza iyo yose CSS file uye unogona kuona kuti izvi zvichakuchengetedzai nguva uye nzvimbo murefu rune!

Syntax Variation

Vamwe vanhu vanosarudza kuita kuti CSS ionekwe zvakare kuburikidza nekuparadzanisa mumwe musarudzo pamutsara wavo, pane kunyora iyo yose pane imwe mutsara sepamusoro. Izvi ndizvo zvaizoitika:

th,
nkm,
p.red,
div # kutanga
{
ruvara: tsvuku;
}

Cherechedza kuti iwe unoisa mutambi mushure mekusarudza mumwe nomumwe uye zvino shandisa "kupinda" kuti usiye sarudzo inotevera mumuganhu wayo. Iwe HAPANA kuwedzera mufananidzo shure kwekusarudza.

Nokushandisa zvinyorwa pakati pevatori vako, iwe unogadzira mamwe mapepa akawandisa mapepa ayo ari nyore kugadzirisa mune ramangwana uye zviri nyore kuverenga nhasi!

Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa5/8/17