Inona no atao hoe Selector CSS?

Ny endriky ny taratasy HTML dia mitovy amin'ny hazo iray. Ao amin'ny fianakavianao, manana ray aman-dreninao sy olon-kafa izay tonga eo anatrehanao ianao. Ireo no razambenao. Ny zanakao sy ireo izay manaraka anao eo amin'io hazo io dia ny taranakareo. Ny HTML dia miasa toy izany. Ireo singa izay ao anatin'ny singa hafa dia ny taranany. Ohatra, satria saiky ny singa HTML rehetra dia ao anatin'ny tags, dia ho avy amin'ny tarika . Ity fifandraisana ity dia zava-dehibe ny mahatakatra rehefa manomboka miasa miaraka amin'ny CSS ary mila mifantina singa manokana mba hampiharana ny endrika sary.

CSS Descendant Selecters

Ny mpihaino tarika CSS dia mihatra amin'ireo singa izay ao anatin'ny singa iray hafa (na marihana kokoa, singa iray avy amin'ny tarika iray hafa). Ohatra, lisitra tsy misy fepetra dia manana mari-pamantarana miaraka amin'ny marika. Andeha ampiasao ireto HTML manaraka ireto ho ohatra:

• Ity rohy

  Ny marika LI dia taranaky ny marika UL. Ny marika iray dia iray amin'ireo tarika LI (zanaka lahy) ary UL (zafikelin'ny zafikeliny). Raha mieritreritra ny mieritreritra an'io amin'ny fampiasana ny tantaram-pianakaviana ianao, ny

  dia ho ray aman-dreny, ny
  • dia ilay zaza tarika, ary ny dia ny zaza
  • sy ny zafikelin'ny ny
    .

    Ahoana àry no handraisanao singa manokana ao amin'ny tranonkala iray mampiasa ireo solon'anarana ireo? Voalohany, tsy maintsy mamaritra ny safidin'ny taranaka ianao amin'ny fampiasana karazany roa (na mihoatra) sokajy voasokajy ho an'ny toerana.

    li a {text-decoration: tsy misy; }

    Amin'io ohatra io, ireo endri-javatra dia ampiharina amin'ny singa rohy () izay tarika iray amin'ny lisitry ny singa (list) (

    • ). Ireo rohy hafa rehetra amin'ny pejy izay tsy avy amin'ny lisitry ny lisitra dia tsy hahazo izany fomba izany.

      Zavatra iray manan-danja tokony hotsaroana dia tsy midika izany hoe firy ny marika famantarana azy ireo eo anelanelan'ireo andian-tsarinao azonao ampiasaina ao amin'ny safidinao zanakao. Raha ny singa faharoa dia voafidy na aiza na aiza ao amin'ny singa voalohany dia ho nofidina ho taranaka.

      Raha tianao ny mifidy ireo vatofantsika rehetra izay hidina avy amin'ny singa ul, dia manoratra ianao:

      ul a {lahatsoratra-decoration: none; }

      Ankehitriny, ireo fomba fiteny ireo dia ampiharina amin'ny rohy rehetra izay avy amin'ny lisitry ny lisitra. Azonao atao ihany koa ny manoratra ity selector ity

      ul li a {lahatsoratra-decoration: none; }

      Izy ity dia mpanaramaso ny taranaka izay mampiasa singa mahery roa. Amin'ity tranga ity dia mihatra amin'ny rohy izay ao anatin'ny lisitry ny lisitra sy ao anatin'ny lisitra tsy voamarina.

      Mampiasà Class Selectors sy ID Selectors

      Ireo mpifidy izay midina avy any dia tsy voatery ho karazana taranaka. Ohatra, eritrereto hoe manana faritra misy ny tranokala ianao (toy ny fizarazarana) miaraka amin'ny mari-pamantarana ID an'ny "afisy". Azonao atao ny manangana mpihidy iray avy amin'ny ID:

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

      Izany dia manamboatra ny lisitra tsy voamarina izay tarika iray amin'ny singa iray miaraka amin'ny ID "boaty". Azonao atao toy izany koa ny soatoavin'ny kilasy.

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

      Izany dia mihevitra fa ny sivilizasiona dia manana lanjan'ny kilasin'ny "afisy". Ny CSS etsy ambony dia mametraka ny endriky ny

      ao anatin'ny fizarana rehetra misy an'io lanjany io.

      Azonao atao ny milefitra mafy sy mampihetsi-po amin'ny tarika voafidy. Ohatra, raha mampiasa Dreamweaver ianao hanoratana ny code HTML anao dia misy ny fametrahana ny fitsipika CSS vaovao izay mamorona ny selector amin'ny alàlan'ny fametrahana ny rizareo ao amin'io pejy io. Inona no atao hoe Dreamweaver ao anatin'ity ohatra ity dia mamorona sariohatra mahery vaika sy lava be. Tsy voatery ho an'ny CSS miasa izany. Ny zavatra tianao hatao dia ny mandanjalanja eo amin'ny mpihaino iray izay azo atao manokana mba hahafahanao mameno ny zavatra tena ilainao (raha tsy misy styling izay tsy tianao hotratrarina) raha tsy manana fitsipika CSS izay mifidy sela lehibe.