Применение CSS к якорям в нижнем колонтитуле - PullRequest
Новая
       18

Применение CSS к якорям в нижнем колонтитуле

0 голосов
/ 18 апреля 2020

Я работаю над заданием, и я не могу применить стили к моим элементам привязки в нижнем колонтитуле. Вот мои HTML и CSS - я пробовал footer nav a{} и следующую конфигурацию: 

.footer-content nav a {
  margin: 100px;
  color: yellow;
  text-decoration: underline;
}
<footer>
  <div class="footer-content">
    <h3>Sweet Eats Bakery</h3>
    <nav>
      <a href="#">About</a>
      <a href="#">Cookies</a>
      <a href="#">Weddings</a>
      <a href="#">Catering</a>
      <a href="#">Contact</a>
    </nav>
    <p class="copyright">&copy; Sweet Eats 2018</p>
  </div>
</footer>

Что я делаю не так?

1 Ответ

0 голосов
/ 18 апреля 2020

Вы почти забыли поместить элементы ul, li после элемента nav, должен быть стандарт для его использования, чтобы он работал гладко.

HTML

<footer>
  <div class="footer-content">
    <h3>Sweet Eats Bakery</h3>
    <nav>
      <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Cookies</a></li>
          <li><a href="#">Weddings</a></li>
          <li><a href="#">Catering</a></li>
          <li><a href="#">Contact</a></li>
      <ul>
    </nav>
    <p class="copyright">&copy; Sweet Eats 2018</p>
  </div>
</footer>

CSS

и затем на вашем css, так как вы используете HTML5 tag, то есть footer, которым вы можете манипулировать им прямо на css. 

footer nav ul li{
  list-style:none;
}

footer nav ul li a {
  margin: 100px;
  color: yellow;
  text-decoration: underline;
}
...