Mene ne Mai Zaɓaɓɓe na CSS?

Tsarin tsarin HTML yana kama da bishiyar iyali. A cikin iyalanku, kuna da iyayenku da sauransu waɗanda suka zo gabanku. Waɗannan su ne kakanninku. Yara da wadanda suka zo bayan ku akan wannan itace su ne zuriyarku. HTML aiki a cikin irin wannan fashion. Abubuwan da ke cikin wasu abubuwa su ne zuriyarsu. Alal misali, tun da kusan kowane nau'in HTML yana cikin cikin jiki, za su kasance daga cikin 'abubuwan' jiki '. Wannan dangantaka yana da mahimmanci a fahimta lokacin da ka fara aiki tare da CSS kuma yana buƙatar ƙaddamar da wasu abubuwa don amfani da nau'i na gani.

CSS Masu Zaɓuɓɓuka

Wani mai zaɓaɓɓen CSS mai amfani ya shafi abubuwan da suke cikin wani ɓangare (ko kuma mafi ƙayyadaddun magana, wani kashi wanda yake daga zuriyar wani abu). Alal misali, jerin marasa daidaito suna da tag tare da alamun suna a matsayin zuriyar. Bari mu yi amfani da HTML masu zuwa kamar misali:

• wannan mahaɗin

  Lissafi na LI suna zuriyar UL tag. A A alama yana daga zuriyar LI (ɗa) da UL (jikoki). Idan kunyi tunanin yin tunani game da wannan ta hanyar amfani da misalin iyali, dangin zai zama iyaye,

• zai zama ɗayan yaron, kuma zai zama ɗan na
• da jikokin da
  .

  Don haka ta yaya zaku yi amfani da abubuwan da ke cikin shafin yanar gizon ta amfani da masu zaɓin zuriyar? Na farko, dole ne ka ayyana masu zaɓin 'yan ƙasa ta amfani da maɓallin zaɓi na biyu (ko fiye) wanda ke rabu da sarari.

  a {kayan rubutu-rubutu: babu; }

  A cikin wannan misali, tsarin zaiyi amfani ne da nau'in haɗin kai () wanda ke fitowa ne daga ɓangaren jerin abubuwa (

  • ). Duk sauran hanyoyin da ke cikin shafin da ba'a fito da jerin abubuwan ba zasu sami wannan salon ba.

    Abu daya mai muhimmanci shine mu tuna cewa ba shi da mahimmancin alamomi da suke cikin tsakanin alamun da za ku yi amfani da su a cikin mai zaɓinku. Idan kashi na biyu an haɗa shi a ko'ina a cikin kashi na farko za a zabi shi a matsayin zuriyar.

    Idan kana so ka zabi duk anchors da suka fito ne daga abubuwa masu rai, za ka rubuta:

    A {kayan rubutu: babu; }

    Yanzu, waɗannan styles zasu shafi kowane mahaɗin da ke cikin jerin abubuwa. Hakanan zaka iya rubuta wannan zaɓi

    ul a {kayan rubutu: babu; }

    Wannan shi ne mai zaɓin mai amfani da ke amfani da masu zaɓi iri biyu. A wannan yanayin, wannan zai shafi alaƙa da ke ciki cikin jerin abubuwan da aka lissafa kuma cikin cikin jerin marasa daidaituwa.

    Amfani da Yan Zaɓaɓɓun Yanayi da Masu Zaɓin ID

    Masu zaɓin da kake sauka daga bazai kasancewa su zama zuriyar ba. Alal misali, zakuyi tunanin cewa kuna da wani yanki na shafin yanar gizo (kamar rabuwa) tare da alamar ID na "launi". Zaka iya kafa ɗalibin zaɓin kashe wannan ID:

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

    Wannan zai yi kama da jerin marasa daidaituwa waɗanda ke fitowa daga wani nau'i tare da ID na "launi". Hakanan zaka iya yin haka don darajar aji.

    labaran launi-launuka: #ccc; }

    Wannan ya ɗauka cewa rarraba yana da darajar darajar "launi". CSS a sama zai yi kama da ƙananan kashi a cikin kowane ɓangaren da ke da darajar wannan darajar.

    Kuna iya samun kima mai nauyi da kuma verbose tare da masu zaɓaɓɓun 'yan ƙasa. Alal misali, idan kuna amfani da Dreamweaver don rubuta rubutun ku na HTML , akwai saitin lokacin da kuka ƙara sababbin ka'idoji na CSS waɗanda za su sa auto-ƙirƙirar mai zaɓuɓɓuka dangane da sanyawa na siginanku akan wannan shafi. Abin da Dreamweaver ya yi a cikin waɗannan lokuta shine ƙirƙirar wildly verbose da kuma mai tsauri mai zurfi. Wannan ƙayyadaddun bayani ba wajibi ne don CSS yayi aiki ba. Abin da kake son yi shine samun daidaitattun tsakanin mai zaɓin zaɓi na musamman wanda ya dace don ka iya rayewa zuwa ainihin abubuwan da kake buƙatar (ba tare da salo wanda ba ka so a shafar) ba tare da dokoki na CSS da ke da zaɓin waɗanda suke da rinjaye ba babban.