CSS стиль <ul>не работает на внешнем листе, но работает внутри - PullRequest
Новая
       8

CSS стиль <ul>не работает на внешнем листе, но работает внутри

0 голосов
/ 09 декабря 2018

У меня какая-то странная проблема со стилем CSS.Этот стиль не работает, хотя другие стили в том же листе работают.Я проверил путь к внешнему листу, и он был в порядке, затем я поместил код стилизации ul {} во внутренний лист, и он также работал нормально.

This is html code: 

<!DOCTYPE html>
<html lang= "cs-cz">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mr. Chapadlákovo podvodní království</title>

    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/textstyle.css">
</head>
<body>
 <!--NAVBAR-->   
<ul>
  <li><a href="#Lorem" id="fontNavbar">Království</a></li>
  <li><a href="#lorem" id="fontNavbar">LOREM</a></li>
  <li><a href="#lorem" id="fontNavbar">LOREM</a></li>
  <li><a href="#lorem" id="fontNavbar">LOREM</a></li>
  <li><a href="#lorem" id="fontNavbar">LOREM</a></li>
  <li><a href="#Kontakt" id="fontNavbar">Kontakt</a></li>
</ul>
</body>

Я сократил его до максимума, чтобы увидеть, сталкивается ли что-либо: 

body {
  background-color: rgb(20, 20, 20);
  background-attachment: scroll;
};

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
};

li a {
  display: inline-block;
  width: 7vw;
};

1 Ответ

0 голосов
/ 09 декабря 2018

удалить ";"в css файле 

body {
  background-color: rgb(20, 20, 20);
  background-attachment: scroll;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}

li a {
  display: inline-block;
  width: 7vw;
}
...