O le a le CSS Descendant Filifilia?

O le fausaga o se pepa HTML e talitutusa lava ma se laau o le aiga. I totonu o lou aiga, ei ai ou matua ma isi oe na muamua mai ia te oe. O ou tuaa ia. Tamaiti ma i latou e mulimuli mai ia te oe i luga o lena laau o au fanau. Galuega HTML i se faiga faapena. Elemene o loʻo i totonu o isi elemene o latou tupuaga. Mo se faʻataʻitaʻiga, talu ai toetoe lava o elemene HTML uma o totonu o le tags, o le a avea i latou ma tupuga o lena 'body> elemene. O lenei mafutaga e taua le malamalama pe a amata ona e galue ma le CSS ma e manaʻomia le faʻatulagaina o elemene patino e faʻaaoga ai ata vaaia.

CSS Descendant Selectors

E faʻaaoga e le sui filifilia CSS le elemene o loʻo i totonu o le isi elemene (poʻo le sili atu foi ona saʻo le taʻuina, o se elemene o se tupuga mai se isi elemene). Mo se faʻataʻitaʻiga, o le lisi e leai se lisi o loʻo i ai se pine i pine e tupuga mai. Seʻio tatou faʻaaoga le HTML e fai ma faʻataʻitaʻiga:

• o se sootaga

  O pine LI e tupu mai i le UL tag. O le tag o se tupuaga o le LI (tamaititi) ma UL (fanau a le fanau). Afai e te mafaufau e uiga i le faʻaaogaina o le faʻataʻitaʻiga o le aiga, o le

  o le matua, o le
  • o le a avea ma tamaititi o le elemene, ma o le o le tama o le
  • ma le alo o le
    .

    E faapefea la ona e faʻaogaina elemene elemene i totonu o le upega tafaʻilagi e faʻaaoga ai nei tagata filifilia? Muamua, e tatau ona e faʻamatalaina le au filifilia filifilia e ala i le faʻaaogaina o le lua (poʻo le sili atu) o tagata filifilia e vaeluaina e avanoa.

    li a {text-decoration: leai; }

    I lena faʻataʻitaʻiga, o le a na o le faʻaaogaina o sitaili i se elemene fesoʻotaʻiga () o se tupuga mai se elemene a le lisi (

    • ). O isi fesoʻotaʻiga i luga o le itulau e le o se tupuga mai se lisi lisi o le a le maua ai lenei sitaili.

      O se tasi mea taua e manatuaina e le afaina po o le a le tele o pine latou te i ai i le va o pine e mafai ona e faʻaaogaina i lau suʻega. Afai o le elemene lona lua o loʻo faʻapipiʻiina i totonu o le elemene muamua o le a filifilia e fai ma tupuga.

      Afai e te manaʻo e filifili taula uma e mafua mai elemene elemene, e te tusia:

      ul a {text-decoration: leai; }

      I le taimi nei, o nei sitaili o le a faʻaaoga i soʻo se sootaga lea e tupuga mai i se lisi lisi. E mafai foi ona e tusia lenei filifilia

      ul li a {text-decoration: leai; }

      O le sui lea e filifilia le sili atu i le lua ituaiga filifilia. I lenei tulaga, o lenei mea e faʻaaoga i sootaga o totonu o le lisi-mea ma totonu o se lisi e le ogatasi.

      Faaaogaina o Filifilia o le Vasega ma Tagata Filifilia ID

      O le au filifilia na e alu ifo mai le mea e leai se mea e faʻapipiʻi ai. Mo se faʻataʻitaʻiga, mafaufau i ai sa i ai lau eria o le 'upega tafaʻilagi (pei o se vaevaega) faʻatasi ma se uiga ID o le "billboard". E mafai ona e faatuina se tasi e filifilia mai le ID:

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

      O lenei mea o le a faʻaalia ai le lisi e le faʻamaonia lea e tupuga mai i se elemene ma se ID o le "billboard". E mafai ona e faia tutusa mo tulaga faatauaina o vasega.

      vaevae laupapa ul {background-color: #ccc; }

      O lenei manatu e faapea o le vaevaega ei ai le taua o le vasega "billboard". O le CSS o loʻo i luga o le a faʻaaogaina le elemene i totonu o soʻo se vaevaega o loʻo i ai le aoga o lenei vasega.

      E mafai ona e maua le mamafa ma le verbose ma sui filifilia. Mo se faʻataʻitaʻiga, afai e te faʻaaoga Dreamweaver e tusia lau code HTML , o loʻo i ai se faʻatulagaga pe ae faʻaopoopo tulafono fou a le CSS o le a fausia ai le tagata filifilia e faʻatulaga i luga o le tuʻuina o lau pelo i lena itulau. O le mea e fai e Dreamweaver i nei tulaga, o le faia lea o se tagata e le o se mea e tupuga mai ai ma le umi lona filifilia. O le tele o faʻamatalaga e le manaʻomia mo lau CSS ona galue. O le mea e te manaʻo e fai o le maua lea o se paleni i le va o se tagata filifili filifilia e lava le mea e te mafaia (e aunoa ma ni faʻailoga e te le manaʻo e aafia ai) e aunoa ma le tulafono a le CSS o loʻo i ai sui filifilia tele.