Skip to content

Instantly share code, notes, and snippets.

@tolja
Created November 5, 2014 21:49
Show Gist options
  • Save tolja/52dfcdb06dee5071a248 to your computer and use it in GitHub Desktop.
Save tolja/52dfcdb06dee5071a248 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// 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;
}
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment