Chosankha cha CSS Descendant n'chiyani?

Mapangidwe a ndondomeko ya HTML ndi ofanana ndi banja. M'banja mwanu, muli ndi makolo anu ndi ena omwe abwera patsogolo panu. Awa ndi makolo anu. Ana ndi omwe amabwera pambuyo panu pamtengowo ndi mbadwa zanu. HTML imagwira ntchito mofananamo. Zinthu zomwe ziri mkati mwa zinthu zina ndizo mbadwa zawo. Mwachitsanzo, popeza pafupifupi chinthu chilichonse cha HTML chiri mkati mwa malemba , iwo adzakhala mbadwa ya zinthu zomwezo. Ubale umenewu ndi wofunikira kumvetsetsa pamene mutayamba kugwira ntchito ndi CSS ndipo mukufunika kulunjika zinthu zina zomwe mungagwiritse ntchito mafayilo owonetsera.

CSS Descendant Selectors

Wosankha wa CSS wochokera kumtunda akugwiritsidwa ntchito ku zinthu zomwe ziri mkati mwa chinthu china (kapena molondola kwambiri, chinthu chomwe chiri mbadwa ya chinthu china). Mwachitsanzo, mndandanda wosayenerera uli ndi zizindikiro za ana. Tiyeni tigwiritse ntchito HTML zotsatirazi monga chitsanzo:

• ichi ndi link

  LI amalemba ndi mbadwa za UL tag. A tag ndi mbadwa ya LI (mwana wa mbeu) ndi UL (zidzukulu zidzukulu). Ngati mukuganiza za kuganizira za izi pogwiritsa ntchito chitsanzo cha banja,

  adzakhala kholo,
  • adzakhala mwana wa mwanayo, ndipo adzakhala mwana wa
  • ndi mdzukulu wa
    .

    Ndiye mungayang'ane bwanji zinthu zina pa tsamba la intaneti pogwiritsa ntchito osankhidwa a mbeu? Choyamba, muyenera kufotokozera okondera mbeu mwa kugwiritsa ntchito osankhidwa awiri (kapena kuposa) omwe amasiyanitsidwa ndi malo.

    li {malemba-chojambula: palibe; }}

    Muchitsanzo chimenecho, mazenera angagwiritsidwe ntchito ku chinthu chogwirizana () chomwe chiri mbadwa ya mndandanda-chinthu (

    • ). Zowonjezera zina zonse pa tsamba zomwe siziri mbeu ya mndandanda wazinthu sizikanakhala ngati kalembedwe kake.

      Chinthu chofunika kwambiri kukumbukira ndikuti ziribe kanthu kuti ndi ma tags angati omwe ali pakati pa malemba omwe mungagwiritse ntchito mu mbeu yosankha. Ngati chinthu chachiwiri chimatsekedwa paliponse mkati mwa gawo loyamba lidzasankhidwa ngati mbeu.

      Ngati mukufuna kusankha anchokwe onse omwe amachokera ku zinthu zakuthupi, mukhoza kulemba:

      ul {yolemba-chojambula: palibe; }}

      Tsopano, mafashoniwa adzagwiritsidwa ntchito ku chiyanjano chirichonse chomwe chiri mbadwa ya mndandanda wazinthu. Mukhozanso kulemba wosankha

      ul li {malemba-chojambula: palibe; }}

      Uyu ndi wosankha wa mbeu amene amagwiritsa ntchito osankhidwa oposa awiri. Pachifukwa ichi, izi zikhonza kugwirizanitsa zomwe ziri mkati mwa mndandanda-chinthu komanso mkati mwa mndandanda wosadziwika.

      Kugwiritsa ntchito Sukulu ya Selector ndi ID Selections

      Osankhidwa omwe mukutsikira kuchokera sikuyenera kukhala mbadwa zamtundu uliwonse. Mwachitsanzo, tangoganizirani kuti muli ndi malo (monga kugawa) ndi chizindikiritso cha "bwalo lamabuku". Mukhoza kukhazikitsa mbeu yosankha ya ID:

      #billboard ul {kumbuyo kwake: #ccc; }}

      Izi zikhoza kutchula mndandanda wosasinthika womwe uli mbadwa ya chinthu chomwe chili ndi chidziwitso cha "billboard". Mukhozanso kuchita zomwezo pazinthu zam'kalasi.

      div.billboard ul {kumbuyo: #ccc; }}

      Izi zikuganiza kuti kugawidwa kuli ndi mtengo wapatali wa "billboard". CSS pamwamba imatanthauzira

      chiwalo mkati mwa magawo onse omwe gululi likuyamikira.

      Mukhoza kukhala ndi katundu wolemetsa kwambiri komanso wotsutsa. Mwachitsanzo, ngati mumagwiritsa ntchito Dreamweaver kulemba HTML yanu , palipangidwe pamene muwonjezera malamulo atsopano a CSS omwe angapangitse munthu wosankhayo kuti apange chithunzithunzi pa tsambalo. Chimene Dreamweaver amachita m'zochitika izi ndikulenga chodziwika bwino ndi chotsitsa. Zomwe sizikufunikira kuti CSS yanu ikhale yogwira ntchito. Chimene mukufuna kuchita ndicho kupeza kusiyana pakati pa mbeu yosankha yomwe ili yeniyeni kuti mukhoze kugwiritsira ntchito zinthu zomwe mukufunikira (popanda zojambula zomwe simukuzifuna) popanda malamulo a CSS omwe ali ndi osankhidwa oposa lalikulu.