Permalink
Browse files

pushing css selector solution

  • Loading branch information...
marcwright
marcwright committed Dec 2, 2015
1 parent 80677df commit 1e3f67b9c3502bdcd78415a0190840aecacb2cc6
@@ -0,0 +1,61 @@
ul {
border: 3px plum solid;
border-radius: 5px;
}
li {
border-top: 5px seagreen solid;
}
li.mammal {
background-color: lavenderBlush;
font-weight: bold;
}
li.bird {
background-color: lightGray;
font-style: italic;
}
li.fish {
background-color: lightYellow;
text-decoration: underline;
}
header {
border: 5px green groove;
background-color: yellow;
}
#photo {
border: 3px orange solid;
background-color: blue;
}
#central{
border: 11px blanchedalmond dashed;
background-color: brown;
}
li#mouse {
color: gray
}
li#canary {
color: orangeRed
}
li#penguin {
color: black
}
li#salmon {
color: salmon
}
li#cat {
color: sienna
}
li#goldfish {
color: gold
}
li#dog {
color: tan
}
li#sheep {
color: steelBlue
}
li#parakeet {
color: lime
}
li#tuna {
color: purple
}
@@ -0,0 +1,35 @@
<!DOCTYPE>
<html>
<head>
<title>Intro to CSS</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="central">
<h4>Central Nervous System</h4>
</div>
<ul>
<li class="mammal" id="mouse">mouse</li>
<li class="bird" id="canary">canary</li>
<li class="bird" id="penguin">penguin</li>
<li class="fish" id="salmon">salmon</li>
<li class="mammal" id="cat">cat</li>
<li class="fish" id="goldfish">goldfish</li>
<li class="mammal" id="dog">dog</li>
<li class="mammal" id="sheep">sheep</li>
<li class="bird" id="parakeet">parakeet</li>
<li class="fish" id="tuna">tuna</li>
</ul>
<div id="photo">
<h4>Photosynthesis</h4>
</div>
<ul>
<li>Dogwood Tree</li>
<li>Oak Tree</li>
<li>Saguaro</li>
<li>Kelp</li>
<li>Venus Fly Trap</li>
<li>Ent</li>
</ul>
</body>
</html>

0 comments on commit 1e3f67b

Please sign in to comment.