Chii CSS Descendant Selector?

Chimiro chemufananidzo weHTML chakafanana nemuti wemhuri. Mhuri yako, une vabereki vako nevamwe vakasvika pamberi pako. Ava ndivo madzitateguru enyu. Vana uye avo vanouya shure kwenyu pamuti iwoyo ndivo vana venyu. HTML inoshanda nenzira yakafanana. Zvinhu zviri mukati mezvimwe zvinhu ndezvizvarwa zvavo. Somuenzaniso, sezvo inenge yese ye HTML iri mukati mukati me tags, inenge iine mbeu yeiyo elements. Ukama uhwu hunokosha kunzwisisa apo unotanga kushanda neCSS uye unoda kutsvaga zvimwe zvinhu kuti ushandise maitiro ekuona.

CSS Descendant Selectors

A CSS descending selector inoshanda kune zvinhu zviri mukati memumwe chinhu (kana zvakanyatsotsanangurwa, chimwe chinhu chiri chizvarwa cheumwe chinhu). Semuenzaniso, urongwa husina kukodzera huri nematekisi ane mavara sevana. Ngatishandise HTML inotevera semuenzaniso:

• iyi ingano

  Iti tags ndeyezvizvarwa zveLL tag. Iti tag ndeyemudzimai weVI (mwana wedzinza) uye UL (muzukuru wedzinza) ma tags. Kana iwe uchifunga nezvekufunga pamusoro peizvi uchishandisa muenzaniso wemiti yemhuri, i

  ingadai iri mubereki, i
  • ichava mwana wechipiri, uye angazova mwana we
  • uye muzukuru we i
    .

    Saka iwe unogona sei kutsvaga zvimwe zvinhu mune peji yebhundaneti uchishandisa idzi dzinobva mumasarudzo? Chokutanga, unofanirwa kutsanangura mbeu dzevasarudzo kuburikidza kushandisa maviri (kana kupfuura) sarudzo dzakasiyana dzakaparadzana nezvikamu.

    li a {text-decoration: none; }

    Mumuenzaniso iwoyo, maitiro aizongoshanda kune chekubatanidza chinhu () ichocho chizvarwa chemutsara-chinhu chezvinhu (

    • ). Zvimwe zvose zvinowanikwa papeji izvo zvisiri mbeu kubva pane chimwe chinhu chinyorwa hazvizogadziri chimiro ichi.

      Chimwe chinhu chinokosha chokuyeuka ndechokuti hazvibatsiri matanho mangani aripo pakati pemataki iwe ungave uchishandisa muzukuru wako wedudzi. Kana chikamu chechipiri chakavharwa chero kupi zvako mukati mekutanga chokutanga icho chichasarudzwa sechizvarwa.

      Kana iwe uchida kusarudza mahedheni ose akaberekwa kubva pachigadziriro, iwe unogona kunyora:

      ul a {text-decoration: none; }

      Iye zvino, mitambo iyi ichashanda kune chero hutano huri muzukuru wechinhu chinhu. Iwe unogona kunyorawo musarudzo uyu

      li a {{text-decoration: none; }

      Uyu ndiwo mbeu inosarudzwa inoshandisa zvinopfuura maviri sarudzo. Muchiitiko ichi, izvi zvinoshandiswa kuhubatanidza huri mukati mukati seurongwa-chinhu uye mukati memutauro usina kukodzera.

      Kushandisa Chikoro Selector uye ID Selector

      Vasarudzo iwe uri kuburuka kubva haufaniri kugara uine zvizvarwa zvemhando. Semuenzaniso, fungidzira iwe wakanga uine nzvimbo yesaiti (sekuparadzaniswa) nehuwandu hweDhiyabhorosi ye "billboard". Iwe unogona kuisa mbeu yemusarudzo kubva pane iyo ID:

      #billboard ul {background-color: #ccc; }

      Izvi zvingareva runyararo rusingabvumirwi rwuri chizvarwa chechimwe chinhu chine chizivo che "billboard". Iwe unogona kuita zvakafanana kune zvidzidzo zvekirasi.

      div.billboard ul {background-color: #ccc; }

      Izvi zvinofunga kuti kupatsanurwa kune boka rinokosha re "billboard". ICSS kumusoro inogona kutaurira

      chinhu chiri mukati mukati chero upi neupi uine boka rino.

      Iwe unogona kuwana zvakasimba-kupa-shanduka uye verbose nevana vari vasarudzo. Somuenzaniso, kana iwe ukashandisa Dreamweaver kunyora yako HTML code , pane chigadziro paunowedzera mitemo mitsva yeCSS iyo inogadzirisa-sarudza musarudzo zvichienderana nekuiswa kwetuti yako papeji iyoyo. Chinoitwa naDreamweaver mumamiriro ezvinhu aya chinogadzira verbose yakasununguka uye yakakura muzukuru wemusarudzo. Izvi zvakanyanya hazvidi kuti CSS yako ishande. Izvo zvaunoda kuita ndeyokuwana kuenzanisa pakati pomudzikinuri wezvitsva izvo zvakanyatsokwana kuitira kuti iwe unogona kudonhera kune chaiwo zvinhu zvaunoda (pasina maitiro ausingadi kuchinja) usina CSS mitemo ine vasarudzo vanyanyisa guru.