Question

我在CSS文件中为我的表格设置的样式设置在我制作的html中不起作用

CSS：

body {
    background-color: #ccffff;
}
h1 {
    font-family: verdana;
}
h2 {
    font-family: verdana;
}
h3 {
font-family: verdana;
}
h4 {
    color: red;
    font-family: verdana;
    border: 3px solid black;
    padding: 15px;
    margin: 10px;
}
    table {
    width: 100%;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
p  {
    font-family: verdana
}
#p01 {
    color: blue;
    font-size: 200%;
}
p.error {
    color: red;
}

HTML：

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>My second HTML</title>
<link rel="stylesheet" href="css/mijn_eerste_css.css">
</head>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jan</td>
    <td>Jansens</td> 
    <td>20</td>
  </tr>
  <tr>
    <td>Kees</td>
    <td>Pieters</td> 
    <td>21</td>
  </tr>
</table>

当我在HTML文件中放置完全相同的样式设置时，如下所示：

<style>
table {
width: 100%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>

它运作得很好。为什么在CSS中它不起作用，我需要做些什么来解决它？（CSS链接正确，所有其他样式设置都可以正常工作。）

Answer 1

我试过，它对我来说很好。它也正确显示边框。

      <link rel="stylesheet" href="css/mijn_eerste_css.css">.

我没有看到任何问题。

CSS无法在桌面上工作

1 个答案: