Sebopeho sa tokomane ea HTML se tšoana le sefate sa lelapa. Lelapeng la hau, u na le batsoali ba hao le ba bang ba tlileng pele ho uena. Bana ke baholo-holo ba hau. Bana le ba tlang ka mor'a hao sefate seo ke litloholo tsa hau. HTML e sebetsa ka mokhoa o tšoanang. Lintho tse ka hare ho likarolo tse ling ke litloholo tsa tsona. Ka mohlala, kaha hoo e batlang e le ntho e 'ngoe le e' ngoe ea HTML e ka hare ho matšoao
, e ne e tla be e le setloholo sa seo elements. Kamano ena ke ea bohlokoa ho utloisisa ha u qala ho sebetsa le CSS mme ho hlokahala hore u lebise lintlha tse tobileng tsa ho sebelisa mekhoa e bonahalang.CSS Descendant Selectors
Mokhetho oa CSS ea litloholo o sebetsa likarolong tse ka hare ho karolo e 'ngoe (kapa ho boleloa ka ho nepahetseng, ntho e hlahang molokong oa ntho e' ngoe). Ka mohlala, lethathamo le sa tsejoeng le na le letoto le nang le litloholo. A re sebeliseng HTML e latelang e le mohlala:
- sena ke link
Matšoao a LI ke litloholo tsa mola oa UL. Taka ea A ke setloholo sa bobeli ba LI (lesea la bana) le la (litloholo tsa litloholo tsa litloholo) tsa UL. Haeba u nahana ka ho nahana ka sena ka mohlala oa sefate sa lelapa,
- e ka ba motsoali,
- e tla ba ngoana oa ntho eo, mme e tla ba ngoana oa
- le setloholo sa
- .
- ). Likhokahano tse ling tsohle tse leqepheng leo e seng setloholo sa lenane la lenane le ne le ke ke la fumana mokhoa ona.
Kahoo u ka lebisa joang lintlha tse tobileng leqepheng la websaete u sebelisa bana ba khethollo? Ntlha ea pele, u tlameha ho hlalosa ba khethi ba moloko oa bana ka ho khetha likhetho tse peli (kapa ho feta) tse arohanngoa ka libaka.
li a {text-decoration: ha ho letho; }}Mohlala oo, mekhoa e tla sebetsa feela ho motsoako oa motsoako () oo e leng setloholo sa lethathamo la ntlha (
Ntho e 'ngoe ea bohlokoa eo u lokelang ho e hopola ke hore ha ho tsotellehe hore na ke li-tags tse kae tse teng pakeng tsa mantsoe ao u ka' nang ua a sebelisa molokong oa setho sa hau. Haeba karolo ea bobeli e koetsoe kae kapa kae ka har'a karolo ea pele e tla khethoa e le setloholo.
Haeba u batla ho khetha likekere tsohle tse theohileng ho lintlheng tsa ul, u ka ngola:
ul a {text-decoration: none; }}Hona joale, mekhoa ena e tla sebetsa ho link leha e le efe eo e leng setloholo sa thepa ea lethathamo. U ka boela ua ngola mo khethi
ul li {{text-decoration: none; }}Hona ke mokhetho oa setloholo o sebelisang likhetho tse fetang tse peli. Tabeng ena, sena se tla sebetsa ho li-link tse ka hare ho lethathamo-ntho le ka hare ho lenane le sa tsejoeng.
Ho sebelisa Selection Classers le ID Selector
Ba khethi bao u theohang ho bona ha ho hlokahale hore e be bana ba mefuta eohle. Ka mohlala, nahana hore u na le sebaka sa setša (joaloka karohano) se nang le boitsebiso ba "ID". O ka emisa sethoholo se khethiloeng ho ID eo:
#billboard ul {mobala oa mokokotlo: #ccc; }}Sena se ne se tla bua lethathamo le sa tsejoeng, e leng setloholo sa motsoako o nang le ID ea "billboard". U ka etsa se tšoanang bakeng sa litekanyetso tsa sehlopha.
div.billboard ul {mobala o ka morao: #ccc; }}Sena se nka hore karohano e na le boleng ba sehlopha sa "billboard". CSS e ka hodimo e ne e tla bitsoa
- sebopeho ka hare ho sehlopha leha e le sefe se nang le sehlopha sena.
U ka fumana boima bo tebileng le ho ba le khethollo ea bana ba tlaase. Ka mohlala, haeba u sebelisa Dreamweaver ho ngola khoutu ea hau ea HTML , ho na le maemo ha u eketsa melao e ncha ea CSS e tla iketsetsa motho ea khethileng ho itšetlehile ka ho behoa ha selefouno leqepheng leo. Seo Dreamweaver a se etsang maemong ana se etsa hore motho ea khethiloeng ka mofuthu a be a le mong. Ha ho hlokahale hore CSS ea hau e sebetse. Seo u batlang ho se etsa ke ho leka-lekana pakeng tsa setloholo se khethiloeng se lekaneng e le hore u ka khella fatše lintlheng tse tobileng tseo u li hlokang (ntle le setaele tseo u sa lakatseng ho li ama) ntle le hore u na le melao ea CSS e nang le likhetho tse ngata haholo e kholo.
- le setloholo sa
- e tla ba ngoana oa ntho eo, mme e tla ba ngoana oa