Generated by SassMeister.com.

SassMeister-input-HTML.html

<div id="header">das ist der header
<div class="error">das ist der 
<a href="http://google.de">error</a></div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$breite:50%;
#header {
  background: #000000;
  width:$breite;
  height:80px;
.error {
  color: #FFFFFF;
  width:$breite;
  height:50px;
&:hover {
  color:#976898;
}
a {
  text-decoration: none;
&:hover {
  text-decoration: underline;
} } } } 

SassMeister-output.css

#header {
  background: #000000;
  width: 50%;
  height: 80px; }
  #header .error {
    color: #FFFFFF;
    width: 50%;
    height: 50px; }
    #header .error:hover {
      color: #976898; }
    #header .error a {
      text-decoration: none; }
      #header .error a:hover {
        text-decoration: underline; }

SassMeister-rendered.html

<div id="header">das ist der header
<div class="error">das ist der 
<a href="http://google.de">error</a></div>
</div>