HTML не будет ссылаться на CSS - PullRequest
Новая
       0

HTML не будет ссылаться на CSS

0 голосов
/ 15 марта 2020

Это то, что у меня есть на старте - есть еще, но все хорошо: 

<!DOCTYPE html>
<html>
    <head>
        <title>My Life Story</title>
        <link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <header>
            <section id="navi">
            <nav>
                <ul>
                    <li><a href="index.html">Introduction</a></li>
                    <li><a href="Wales.html">Wales</a></li>
                    <li><a href="inverness.html">Inverness</a></li>
                    <li><a href="edinburghone.html">Edinburgh Part One</a></li>
                    <li><a href="edinburghtwo.html">Edinburgh Part Two</a></li>
                    <li><a href="bristol.html">Bristol</a></li>
                </ul>
            </nav>  
            </section>
        </header>
    </body>
</html>

Мой стиль. css: 

.header {
    padding: 60px;
    text-align: center;
    background: #f2acec;
    color: white;
    font-size: 40px;
  }

index.ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

CSS файл в той же папке, что и. html - но когда я его загружаю, ничего не происходит - почему? Я смотрел везде, и не похоже, что я делаю что-то не так. Чего мне не хватает?

Ответы [ 2 ]

3 голосов
/ 15 марта 2020

Связь в порядке. Ни один из ваших CSS селекторов не соответствует HTML. Должно работать следующее: 

header {
  padding: 60px;
  text-align: center;
  background: #f2acec;
  color: white;
  font-size: 40px;
}

header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

https://codepen.io/leepowers2/pen/VwLxZLX

2 голосов
/ 15 марта 2020

Селекторы CSS в настоящее время не выбирают ни один из показанных вами тегов в HTML. например, .header - точка и имя в css означают, что вы хотите выбрать элементы, которые имеют это в своем атрибуте класса. Вы должны иметь header для выбора тега заголовка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...