Gulu Zambiri za CSS Selectors kuti Zilimbitse Kuthamanga Mtolo
Kuchita bwino ndi chinthu chofunikira pa webusaiti yabwino. Webusaitiyi iyenera kukhala yogwira bwino momwe imagwiritsira ntchito zithunzi pa intaneti . Izi zidzakuthandizani kutsimikiza kuti malowa amachitira bwino alendo ndipo amangomangika mwamsanga pazinthu zawo. Kuyenerera kuyeneranso kukhala gawo la ntchito yanu yonse, kukuthandizani kusunga malo pa nthawi ndi bajeti.
Pamapeto pake, kuyendetsa bwino kumachita mbali zonse za webusaitiyi ndikukhalitsa nthawi yaitali, kuphatikizapo muzithunzi zomwe zalembedwera pamasamba a CSS. Kukhala wokhoza kupanga zowona, maofesi a CSS abwino ndi abwino, ndipo njira imodzi yomwe mungathe kukwaniritsira izi ndikugwirizanitsa osankhidwa ambiri a CSS pamodzi.
Kusankha Magulu
Mukamagwiritsa ntchito osankhidwa a CSS , mumagwiritsa ntchito mafashoni omwewo m'malo osiyanasiyana popanda kubwereza mafashoni mu pepala lanu. Mmalo mokhala ndi malamulo awiri kapena atatu kapena oposa CSS, onse omwe amachita chinthu chomwecho (chitsanzo, ikani mtundu wa chinachake chofiira), muli ndi lamulo limodzi la CSS lomwe limakwaniritsa tsamba lanu.
Pali zifukwa zingapo zomwe "gulu la osankhidwa" ili likuthandizira tsamba. Choyamba, pepala lanu lamasewera lidzakhala laling'ono ndipo lidzafulumira mofulumira. Zoonadi, mapepala a mafilimu sali chimodzi mwa zikuluzikulu zomwe zimachitika pang'onopang'ono kutsegula malo. Maofesi a CSS ndi ma fayilo, kotero ngakhale mapepala a CSS aatali kwambiri, amawoneka bwino kwambiri, poyerekeza ndi zithunzi zosasokonezeka. Komabe, pang'ono pokha amawerengera, ndipo ngati mungathe kunyola kukula kwa CSS yanu ndi kutsegula masamba omwe mofulumira, nthawi zonse ndi chinthu chabwino kuchita.
Kawirikawiri, pamwamba pa maulendo apakati pa malo osachepera masekondi atatu; Masekondi 3 mpaka 7 ndi pafupifupi, ndipo masekondi asanu ndi awiri amachedwa. Nambala zochepazi zikutanthauza kuti, kuti zikwaniritsidwe ndi malo anu, muyenera kuchita zonse zomwe mungathe! Ichi ndi chifukwa chake mungathe kusunga malo anu mofulumira pogwiritsa ntchito osankhidwa a CSS.
Momwe Mungagwirire Zosankha za CSS
Kuti mugwirizane ndi osankhidwa a CSS pamodzi ndi pepala lanu, mumagwiritsa ntchito makasitomala kuti mulekanitse osankhidwa ambiri mumagulu . Mu chitsanzo pansipa, kalembedwe kamakhudza p ndi div elements:
div, p {mtundu: # f00; }}Kuthamanga kwenikweni kumatanthauza "ndi". Kotero chosankha ichi chikugwiritsidwa ntchito ku zigawo zonse za ndime ndi zonse zogawa. Ngati comma ikusowa, zikhoza kukhala zigawo zonse za ndime zomwe ziri mwana wa magawano. Ameneyo ndi wosankhidwa wosiyana kwambiri, kotero comma iyi imasintha kwenikweni tanthauzo la wosankha!
Mtundu uliwonse wa wosankha ukhoza kukhazikitsidwa ndi wina aliyense wosankha. Mu chitsanzo ichi, wosankha m'kalasi amadziwika ndi wosankha ID:
p.red, #sub {mtundu: # f00; }}Kotero kalembedwe iyi ikugwiritsidwa ntchito pa ndime iliyonse ndi chikhalidwe cha "classic" cha "wofiira", NDI CHINENERO chilichonse (popeza sitinatchulepo mtundu uti) chomwe chili ndi chizindikiritso cha "sub".
Mukhoza kuyika nambala iliyonse ya osankhidwa palimodzi, kuphatikizapo osankhidwa omwe ali mawu osakwatira komanso opanga osankha. Chitsanzo ichi chikuphatikizapo osankhidwa anayi osiyana:
p, .red, #sub, div a: link {mtundu: # f00; }}Kotero ulamuliro uwu wa CSS ungagwiritse ntchito zotsatirazi:
- Chigawo chilichonse
- Choyimira chirichonse ndi gulu la "wofiira"
- Chilichonse chiri ndi chidziwitso cha "sub"
- "Chiyanjano" gulu lachinyengo la zinthu zakumangidwe zomwe zimakhala zogawikana.
Wosankha wotsirizayo ndi wosankha pakompyuta. Mukhoza kuchiwona mosavuta ndi osankhidwa ena mu ulamuliro wa CSS. Ndi lamulo limenelo, tikuyika mtundu wa # f00 (umene uli wofiira) pa osankhidwawa 4, omwe ndi oyenera kulemba osankhidwa 4 osiyana kuti akwaniritse zotsatira zomwezo.
Phindu lina lagulu la osankha ndi lakuti, ngati mukufuna kusintha, mukhoza kusintha malamulo amodzi a CSS mmalo mwake. Izi zikutanthauza kuti njirayi ikukupatsani inu kulemera kwa tsamba komanso nthawi yomwe mungasunge malowa mtsogolo.
Aliyense Wosankha Angagwirizane
Monga momwe mungathe kuwonera pa zitsanzo zomwe takambiranazi, osankhidwa abwino angathe kuikidwa mu gulu, ndipo zonse zomwe zili mu chikalata chomwe chikufanana ndi zigawo zonsezi zidzakhala ndi kalembedwe kamodzi kogwiritsidwa ntchito pa malo apamwamba.
Anthu ena amakonda kulemba zigawo zomwe zimagawidwa pamadera osiyana kuti azitsatira malamulo. Maonekedwe pa webusaitiyi ndi liwiro la katundu lidali lofanana. Mwachitsanzo, mungathe kuphatikiza mafashoni osiyana ndi makasitomala mumtundu umodzi wa machitidwe mumzere umodzi wa code:
th, td, p.red, div # yoyamba {mtundu: wofiira; }}
kapena mungathe kulemba mafashoni pamzere uliwonse kuti awoneke:
th,
td,
p.red,
div # yoyamba
{
mtundu: wofiira;
}}
Njira iliyonse yomwe mumagwiritsa ntchito popanga ojambula a CSS ambiri amachepetsa tsamba lanu ndipo zimakhala zosavuta kusamalira miyendo yaitali.
Nkhani yoyamba ndi Jennifer Krynin. Yosinthidwa ndi Jeremy Girard pa 5/8/17.