Kuhakikisha: Tabia ya kusambaza

Tukio ya pili - Ongeza CSS:

/* Menu ya kinaudisia */
.navbar {
  kumia: kinaudisia;
  mikono-mwafaka-mvumbi: #333;
{}
/* Mwelekeo wa kiteni cha kinaudisia */
.navbar a {
  kuelekea-ekumi: kushoto;
  mikono-mvumbi: 16px;
  mikono: mwelekeo;
  kumitaa: kushoto;
  kumwambaa: 14px 16px;
  mifano-mwongozo: kinaudisia;
{}
/* Menu ya kinaudisia cha kinaudisia */
.subnav {
  kuelekea-ekumi: kushoto;
  kumia: kinaudisia;
{}
/* Msingi wa kinaudisia cha kinaudisia */
.subnav .subnavbtn {
  mikono-mvumbi: 16px;
  kumia: kinaudisia;
  kutaka: kinaudisia;
  mikono: mwelekeo;
  kumwambaa: 14px 16px;
  mikono-mwafaka-mvumbi: kumwambaa;
  mikono-mvumbi: kumwambaa;
  kijumbe: 0;
{}
/* Kama unaona kwenye mwelekeo wa kiteni cha kinaudisia, jenga mafaka-mvumbi ya mwelekeo ya kichaka */
.navbar a:hover, .subnav:hover .subnavbtn {
  mikono-mwafaka-mvumbi: mwelekeo;
{}
/* Kufanya mifano ya kikagongo cha kiteni cha kinaudisia - kufanya kinaudisia kinaudisia */
.subnav-content {
  kufichwa: kinaudisia;
  mchora: kinaudisia;
  kushoto: 0;
  mikono-mwafaka-mvumbi: mwelekeo;
  madoa: 100%;
  kufikia-ndani-mvumbi: 1;
{}
/* Kufanya mifano ya kiteni cha kinaudisia cha kinaudisia */
.subnav-content a {
  kuelekea-ekumi: kushoto;
  mikono: mwelekeo;
  mifano-mwongozo: kinaudisia;
{}
/* Kama unaona kwenye misingi wa mwelekeo, jenga mafaka-mvumbi ya mwelekeo ya kijani */
.subnav-content a:hover {
  mikono-mwafaka-mvumbi: #eee;
  mikono: mwelekeo;
{}
/* Kama unaona kwenye kikagongo cha msingi wa kiteni cha kinaudisia, kufungua kikagongo cha kiteni cha kinaudisia */
.subnav:hover .subnav-content {
  taarifu: block;
{}