我在 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;
};
最佳答案
删除“;”在 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;
}
关于html - <ul> 的 CSS 样式在外部工作表中不起作用，但在内部工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53693241/