html5-elemente und css

aside{/*Alle Elemente Innerhalb Aside bekommen die Text-Farbe Blau und einen 4px grauen gestrichelten Rahmen;
AUßER die angaben werden überschrieben von einem Element,dann bekommt dieses die von ihm festgelegte Farbe*/
  color: blue;
  border-width: 2px;
  border-style: dashed;
  border-color: grey;
}
#sidebar_top{ /*Sidebar top bekommt die Text-Farbe Rot einen 2px durchgezognen blauen Rand*/
  color: red;
  border-width: 2px;
  border-style: solid;
  border-color: blue;
}
#sidebar_inhalt{ /*Bekommt die Text-Farbe Schwarz einen 9px gepunkteten gelben Rand*/
  color: black;
  border-width: 9px;
  border-style: dotted;
  border-color: yellow;
}
#mehr{/*bekommt die Textfarbe wie in aside definiert und hat KEINEN Rand, da border: none */
 border: none;
}
#und noch_mehr{/* bekommt die Text-Farbe Weiß und hat den Rand wie in aside definiert*/
color: #FFF;
}
#noch_mehr,#sidebar_bottom{
/*haben die Text-Farbe und den Rand, wie in aside Definiert, da hier nichts überschrieben wird. */
}




@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
/* für das IPhone:*/




  article{/*die Article box, hat um 10px abgerundete Ecken*/
    border-radius: 10px;
  }
}