Работа на веб-странице, пытаясь настроить таблицу стилей за пределами Html. Не работает - PullRequest
0 голосов
/ 19 марта 2020

У меня есть эти простые HTML и CSS ниже. Если я раскомментирую стиль внутри, я получаю hotpink. При использовании ссылки на таблицу стилей я не получаю синего цвета. Тест. html и тест. css находятся в одном каталоге.

Ошибка браузера:

test. html: 9 GET-файл: ///test.css net :: ERR_FILE_NOT_FOUND - Crome на Ma c.

Впервые во всем этом, я думаю, я хорошо понимаю, что мне следует делать.

.p {
  background-color: blue;
}
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Test</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="test.css">
<!-- <style>
    p{background-color: hotpink}
</style> -->

</head>
<body>
  <app-root></app-root>
  <p>This is a test of color</p>
</body>
</html>

Ответы [ 2 ]

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

При попытке стилизовать «.p», вы ссылаетесь на объект с именем класса «p». Просто удалите точку перед p, и ваша проблема будет решена!

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

Ваша проблема может быть решена путем удаления базового тега из html документа. В этом случае базовый тег испортил все и изменил атрибут тега ссылки "href" на "/", поэтому вы получаете ошибку ссылки, и браузер не может найти ваш тестовый файл. css.

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