title: Changing the font in an <ul>
body: <p>I am new to CSS and I am having trouble understanding how to control different elements with my stylesheet classes and id's. I am trying to use an <code>&lt;ul&gt;</code> for the footer links, for my website and I want to change the font of the links. Where and how do I apply this? No matter where I apply 'font-family: whatever', nothing changes. </p>
  
  <p>here is my CSS for the ul</p>
  
  <pre><code>#footer {
  height: 50px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }
  
  #footer ul {
  list-style-type: none;
  color: #FFFFFF;
  font-size: 16px;
  
  }
  
  #footer  li {
  display: inline;
  
  }
  
  #footer  a:link {
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
  }
  
  #footer a:visited {
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
  }
  </code></pre>
  
  <p>here is the html</p>
  
  <pre><code>&lt;div id="footer"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt; About &lt;/a&gt;&lt;/li&gt; |
  &lt;li&gt;&lt;a href="#"&gt; Contact &lt;/a&gt;&lt;/li&gt; |
  &lt;li&gt;&lt;a href="#"&gt; Terms &lt;/a&gt;&lt;/li&gt; |
  &lt;li&gt;&lt;a href="#"&gt; Blog &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Also, how do I change the font for my divider between links |  ?</p>