alexmcpherson/index.html

## index.html
<html>
  <head></head>
  <body>

    <div>
      <span>Bold!</span>
      <span>Not bold...</span>
    </div>

    <ul>
      <li class='first'>Apples</li>
      <li>Oranges</li>
      <li>Pears</li>
    </ul>

    <div>
      <h2>Menu:</h2>
      <div>
        <ul>
          <li>
            Sandwiches
            <ul>
              <li>Monte Cristo</li>
            </ul>
          </li>
        </ul>
      </div>
    </div>

  </body>
</html>

## main.css
a:hover {
  cursor: pointer;
}

span:first-child {
  font-weight: bold;
}

ul li.first + li {
  color: ##FFA500; /* Orange! */
}

div > ul {
  border: 1px solid #333333; /* Only outside list bordered */
}

* {
  display: none;
}
	<html>
	<head></head>
	<body>

	<div>
	<span>Bold!</span>
	<span>Not bold...</span>
	</div>

	<ul>
	<li class='first'>Apples</li>
	<li>Oranges</li>
	<li>Pears</li>
	</ul>

	<div>
	<h2>Menu:</h2>
	<div>
	<ul>
	<li>
	Sandwiches
	<ul>
	<li>Monte Cristo</li>
	</ul>
	</li>
	</ul>
	</div>
	</div>

	</body>
	</html>
	a:hover {
	cursor: pointer;
	}

	span:first-child {
	font-weight: bold;
	}

	ul li.first + li {
	color: ##FFA500; /* Orange! */
	}

	div > ul {
	border: 1px solid #333333; /* Only outside list bordered */
	}

	* {
	display: none;
	}