Сохтори ҳуҷҷати HTML ба дарахти оилавӣ монанд аст. Дар оилаатон шумо волидайн ва дигар шахсоне, ки пеш аз шумо омадаанд, вохӯрдед. Инҳо аҷдодони шумо ҳастанд. Кӯдакон ва касоне, ки баъд аз он дарахт ҳастанд, фарзандони шумо ҳастанд. HTML дар як модаи шабеҳ кор мекунад. Элементҳое, ки дар дохили унсурҳои дигар ҳастанд, насли онҳо мебошанд. Масалан, қариб ҳар як элементҳои HTML дар дохили
tags мебошанд, онҳо насли он элементҳои мебошанд. Ин муносибати муҳим барои фаҳмидани вақте, ки шумо бо CSS кор карда истодаед ва ба унсурҳои махсус ноил шудан ба услубҳои визуалӣ лозим аст.CSS-ро интихоб кунед
Интихоби драйвери CSS ба унсурҳое, ки дар дохили элементи дигар (ё бештари дақиқ зикр шудаанд, элементе, ки насли дигари элемент аст) амал мекунад. Масалан, рӯйхати номаҳдуди дорои tags бо tags ҳамчун насли. Биёед, HTML-ро ҳамчун мисол истифода барем:
- ин алоқа li> ul>
Нишонҳои LI аз насли UL tag. A tag - ин насли насли ЛИИ (насли кӯдакон) ва UL (насли набӣ) мебошад. Агар шумо фикр кунед, ки дар бораи ин мисол дарахти оилавӣ фикр кунед,
- волидайн хоҳад шуд,
- ин фарзанди элемент хоҳад буд ва хоҳад кӯдаки
- ва набераи
- .
- ) аст. Ҳамаи дигар пайвандҳо дар саҳифа, ки насли ҷузъҳои рӯйхат нестанд, ин сабки дастаҷамъӣ нест.
Пас чӣ тавр шумо элементҳои мушаххасро дар саҳифаи веб бо истифода аз интихобкунандагони насли худ тасаввур карда метавонед? Аввал, шумо бояд интихоби насли интихобкунандагонро бо истифодаи ду (ё бештар) интихобкунандагони навъи аломатҳо, ки ба фосила ҷудо кардаед, муайян кунед.
мисли {матн-декория: none; }}Дар ин мисол, тарҳҳо танҳо ба элементҳои элементӣ () муроҷиат мекунанд, ки аз насли ҷузъии ҷузъӣ (
Як чизи муҳим ба ёд овардани он аст, ки он чизи нохунеро, ки онҳо дар байни аломатҳои шумо дар интихоби насли шумо истифода мешаванд, муҳим нест. Агар элементи дуввум дар дохили унсурҳои якум ҷойгир карда шавад, он ҳамчун насли интихобшуда интихоб карда мешавад.
Агар шумо хоҳед, ки ҳамаи часпҳоро интихоб кунед, ки аз элементҳои ul ба поён меоянд, шумо нависед:
{матн-ороиши]: none; }}Ҳоло, ин услубҳо ба ҳама гуна пайванди, ки насли ҷузъҳои рӯйхат аст, муроҷиат мекунанд. Шумо инчунин метавонед онро интихоб кунед
ul li a {text-decoration: none; }}Ин як интихоби наслиест, ки беш аз ду навъи интихобкунандагонро истифода мебарад. Дар ин ҳолат, ин ба алоқаҳое дохил мешавад, ки дар дохили рӯйхат-ҷузъи ва инчунин дар дохили рӯйхати номуайян истифода мешаванд.
Истифодаи интихобгарони синф ва интихоби ID
Интихобкунандаҳое, ки шумо аз поён меоянд, набояд ҳамеша насли нависанда бошанд. Масалан, тасаввур кунед, ки шумо як майдони сомона доштед (монанди тақсимот) бо хусусияти идентификатсионии "billboard". Шумо метавонед як интихобкунандаи ҷудогонае, ки ID:
#billboard ul {рангҳои аслии: #ccc; }}Ин як рӯйхати номатлубе мебошад, ки насли як унсури "ID-billboard" мебошад. Шумо метавонед барои ҳамон синфҳои арзишӣ низ кор кунед.
div.billboard ul {background-color: #ccc; }}Ин тасаввур мекунад, ки тақсимот арзиши классикии "billboard" дорад. Дар CSS дар боло тасвири
- унсур дар дохили ҳар як бахше, ки ин арзиши классикӣ дорад.
Шумо метавонед дар ҳақиқат вазнин ва вазнинро бо интихобкунандагони насли пайдо кунед. Масалан, агар шумо Dreamweaver -ро барои ворид кардани рамзи HTML худ истифода баред, вақте шумо илова кардани қоидаҳои CSS-ро навед, ки худ интихобкунандаи интихобшударо дар асоси ҷойгиркунии курсори худ дар саҳифаи худ оғоз мекунад. Дар ин ҳолат Dreamweaver дар ин ҳолатҳо як селлюлопазирии фарогир ва дарозмӯҳлат эҷод мекунад. Ин хусусияти хеле калон барои CSS-и худ кор намекунад. Он чӣ шумо мехоҳед, тавозуни байни интихобкунандагони насосӣ, ки кофӣ аст, то шумо метавонед ба унсурҳои дақиқе, ки ба шумо лозим аст, бифаҳмед (бе он ки намехоҳед шумо таъсир нарасонед), бидуни қоидаҳои CSS, ки интихобкунандагон ҳастанд калон.
- ва набераи
- ин фарзанди элемент хоҳад буд ва хоҳад кӯдаки