Ҳамаи браузерҳо дорои рангҳои пешфарзандаро истифода мебаранд, агар вебсайти интернетӣ онҳоро муқаррар накарда бошад. Онҳо:
- Ранги пайвандҳои пешфарз.
- Ранги пайвандии фаъол (вақте ки муш ва кнопка пахш карда мешавад).
- Ранги пайвандии пайравӣ (вақте ки пайванд аллакай пахш карда шуд).
Илова бар ин, дар ҳоле ки аксарияти веб браузерҳо ин пешфарзро тағир намедиҳанд, шумо метавонед ранги оҳанро муайян кунед - ранги пайванде, вақте ки муш дар болои он мегузарад.
Истифодаи CSS барои тағйир додани рангҳои Link
Барои тағир додани ин рангҳо, шумо CSS-ро истифода мебаред (баъзе хусусиятҳои HTML-ро, ки шумо метавонед истифода баред, аммо ман ҳеҷ чизро истифода карда наметавонам). Роҳҳои осонтарини тағир додани ранги пайванд ба таркиби tag :
a {ранги: сиёҳ; }}Бо ин CSS, баъзе браузерҳо ҳамаи паҳлӯҳои пайвастшавӣ (фаъол, пайраҳа ва давра) ба сиёҳ, дигарҳо танҳо рангҳои аслиро иваз мекунанд.
Истифодаи CSS Pseudo classes барои иваз кардани ҳама қисмҳои пайвастшавӣ
Сатҳи псевдо дар CSS бо колония (:) пеш аз номи синф . Дар чор синфҳои псевдо мавҷуданд, ки ба алоқа таъсир мерасонанд:
Барои тағир додани ранги пайвандҳои пешфарз:
a: link {color: red; }}Барои тағир додани ранги фаъол:
a: фаъолӣ {ранги: кабуд; }}Барои тағир додани ранги пайравӣ:
a: visited {ранги: арғувон; }}Барои иваз кардани муш дар болои ранги:
a: hover {color: green; }}