JOOMLA USER GROUP AARHUS

"Nested rules"

Syntaks

selektor {
   egenskab: værdi;
   selektor {
      egenskab: værdi;
      selektor {
         egenskab: værdi;
      }
   }
}

En (CSS-)selektor kan være et tag, et id, en class eller en pseudo-class.

Beskrivelse

tekst kommer snart

Eksempel 1
 LESS  CSS3

article {
   background-color: #e2e2e2;
   padding: 8px;
   hgroup {
      color: #014F80;
      h1 {
         font-size: 20px;
      }
      h2 {
      font-size: 16px;
      }
   }
}

article {
   background-color: #e2e2e2;
   padding: 8px;
}

article hgroup {
   color: #014F80;
}

article hgroup h1 {
   font-size: 20px;
}

article hgroup h2 {
   font-size: 16px;
}