Generated by SassMeister.com.

SassMeister-input.scss

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

// Nesting - Übung

// Aufgabe 1

// fasse die Background Attribute so zusammen, dass die Domäne
// Background als Parent-Selektor auftritt 

body{
    background-image:url(/img/001.jpeg);
    background-repeat: repeat;
    background-color: #2b2b2b;
}


// Aufgabe 2

// Verschachtele die Selektoren so, dass .box1 nur noch 
// einmal im Code vorkommt.

.box1{
  padding: 15px;
}
.box1 h2{
  text-decoration: overline;
  text-decoration: underline;
}
.box1 p{
  font-family:cursive;
}


// Aufgabe 3

// Schreibe den Code so um, dass der "ul"-Selektor alle anderen
// Selektoren umfasst. Außerdem soll der "a"-Selektor nur einmal
// vorkommen und die Selektoren "a:hover,a:focus,a:active" sollen
// zusammengefasst werden, sodass "color:orange" nur einmal 
// definiert wird.

ul{
}
  a {
    text-decoration:none;
    color:black;
  }
  a:hover {
    color:orange;
  }
  a:focus {
    color:orange;
  }
  a:active {
    color:orange;
  }

SassMeister-output.css

body {
  background-image: url(/img/001.jpeg);
  background-repeat: repeat;
  background-color: #2b2b2b;
}

.box1 {
  padding: 15px;
}

.box1 h2 {
  text-decoration: overline;
  text-decoration: underline;
}

.box1 p {
  font-family: cursive;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  color: orange;
}

a:focus {
  color: orange;
}

a:active {
  color: orange;
}