Kini Aṣayan Alakoso CSS?

Ilana ti HTML iwe jẹ iru si igi ebi kan. Ninu ẹbi rẹ, o ni awọn obi rẹ ati awọn ẹlomiran ti o wa niwaju rẹ. Awọn wọnyi ni awọn baba rẹ. Awọn ọmọde ati awọn ti o wa lẹhin rẹ lori igi naa jẹ awọn ọmọ rẹ. Awọn HTML ṣiṣẹ ni iru ọna kanna. Awọn ohun elo ti o wa ninu awọn ero miiran jẹ awọn ọmọ wọn. Fún àpẹrẹ, níwọn bóyá gbogbo ẹdà HTML jẹ nínú ti àwọn àmì onímọ-ara, wọn yóò jẹ ọmọmọ ti àwọn ara-ara . Ibasepo yii jẹ pataki lati ni oye nigbati o ba bẹrẹ ṣiṣẹ pẹlu CSS ati pe o nilo lati afojusun awọn eroja kan pato lati lo awọn awoṣe wiwo.

Awọn Aṣayan Iyanju CSS

Aṣayan omo ile CSS kan wa pẹlu awọn eroja ti o wa ninu idi miiran (tabi diẹ sii ti a sọ tẹlẹ, ohun ti o jẹ ọmọ ti ẹya miiran). Fún àpẹrẹ, àtòkọ tí a kò ṣàtúnṣe ní orúkọ kan pẹlú àwọn àmì bíi àwọn ọmọ. Jẹ ki a lo awọn HTML wọnyi bi apẹẹrẹ:

• yi jẹ ọna asopọ

  Awọn afi HTML jẹ awọn ọmọ ti UL tag. A tag jẹ ọmọ ti awọn mejeeji ti LI (ọmọ ọmọ) ati awọn aami UL (ọmọ ọmọ ọmọ). Ti o ba ronu lati ronu nipa eyi nipa lilo apẹẹrẹ igi ẹbi, awọn

  yoo jẹ obi, awọn
  • yoo jẹ ọmọ ọmọ-ọwọ naa, ati yoo jẹ ọmọ ti
  • ati awọn ọmọ ọmọ
    .

    Nítorí náà, báwo ni o ṣe le ṣe àkọlé awọn ohun elo kan pato ni oju-iwe ayelujara kan nipa lilo awọn aṣayan wọnyi? Ni akọkọ, o ni lati ṣalaye awọn ayanfẹ ọmọ nipa lilo awọn olutini iru awọn meji (tabi diẹ sii) ti a yapa nipasẹ awọn aaye.

    ni a {ọrọ-ọṣọ: kò si; }

    Ni apẹẹrẹ, awọn aza yoo nikan lo si ẹda asopọ kan () ti o jẹ iru-ọmọ ti ẹya-akojọ ohun kan (

    • ). Gbogbo awọn ìjápọ miiran lori oju-iwe ti kii ṣe arọmọdọmọ ti ohun kan ti a ko ni akojọ yoo gba iru ara yii.

      Ohun kan pataki lati ranti ni pe ko ṣe pataki pe awọn ami ti o pọ julọ ni wọn wa laarin awọn afiwe ti o le lo ninu ayanfẹ ọmọ rẹ. Ti ọna keji ba wa ni ibikibi nibikibi nibiti o ti jẹ akọkọ o yoo yan gẹgẹbi ọmọ.

      Ti o ba fẹ yan gbogbo awọn ìdákọrọ ti o ti sọkalẹ lati awọn eroja ala-ara, iwọ yoo kọwe:

      ul a {ọrọ-ọṣọ: kò; }

      Bayi, awọn aza wọnyi yoo lo si eyikeyi asopọ ti o jẹ ọmọ ti ohun kan akojọ. O tun le kọ yiyan yi silẹ

      Ni o ni {ohun-ọṣọ: kò; }

      Eyi jẹ ayanmọ ọmọ ti o nlo awọn aṣayan diẹ sii ju awọn meji lọ. Ni idi eyi, eyi yoo waye si awọn asopọ ti o wa ni inu ti bi nkan-akojọ ati paapaa ninu akojọ ainidii.

      Lilo awọn Yan Ipinle ati awọn Yan ID

      Awọn ayanfẹ ti o sọkalẹ lati ko ni lati ma jẹ iru awọn ọmọ. Fun apẹẹrẹ, fojuinu pe o ni agbegbe ti aaye naa (bi pipin) pẹlu aami ID kan ti "iwe-aṣẹ". O le ṣeto ọmọ kan ti o yan pipa ti ID naa:

      #billboard ul {awọ-awọ: #ccc; }

      Eyi yoo ṣe apejuwe akojọ ti a koju ti o jẹ ọmọ ti ẹya kan pẹlu ID ti "iwe-aṣẹ". O le ṣe kanna fun awọn ipo kilasi.

      div.billboard ul {awọ-awọ: #ccc; }

      Eyi ṣe pataki pe pipin ni iye-iye ti "iwe-iṣowo". Awọn CSS loke yoo ṣe awọn ikọkọ inu ti eyikeyi pipin ti o ni iye kilasi yii.

      O le gba ọwọ-ọwọ ati verbose pupọ pẹlu awọn ayanfẹ ọmọ. Fún àpẹrẹ, tí o bá lo Dreamweaver láti kọ koodu HTML rẹ , ìṣàkóso kan wà nígbàtí o bá ṣàfikún àwọn òfin CSS tuntun tí yóò dá aṣàwákiri fúnrarẹ-dá lórí ibi ìpèsè ti kọsọ rẹ sí ojú-ewé yẹn. Ohun ti o dara julọ ni awọn iṣẹlẹ yii ni o ṣẹda wildly verbose kan ati ẹniti o yan alakoso gigun. Ti o daju pupọ ko ṣe pataki fun CSS rẹ lati ṣiṣẹ. Ohun ti o fẹ ṣe ni o wa iwontunwonsi laarin awọn ayanfẹ ọmọ ti o ni pato to pe ki o le lu sisale si awọn ohun ti o nilo gangan (laisi awọn fifẹ ti o ko fẹ lati ni ipa) laisi awọn ofin CSS ti o ni awọn alakoso ti o ni opoju tobi.