Question

我在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;
};

Answer 1

删除“;”在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;
}

<ul>的CSS样式在外部工作表中不起作用，但在内部起作用

1 个答案: