相同的 CSS 代码不适用于其他名称

问题描述 投票：0回答：1

我在 WordPress 页面中有这个 HTML：

<table>
<thead>
<tr>
<td>
<div id="myTest">TEST</div></td>
</tr>
</thead>
</table>

还有这个CSS：

#myTest {
  font-family: "FuzzyRegular";
  font-size: 3vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #000;
  text-align: left;
  font-weight:400;
  letter-spacing:2px;
  padding-right: 2.19em;
  border-bottom: 5px solid rgba(255, 240, 0, 0.5);
}

#cucamonga {
  font-family: "FuzzyRegular";
  font-size: 3vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #000;
  text-align: left;
  font-weight:400;
  letter-spacing:2px;
  padding-right: 2.19em;
  border-bottom: 5px solid rgba(255, 240, 0, 0.5);
}

注意 

#myTest
是 
#cucamonga
的精确副本。

文本没有发生任何变化。但如果我将 

id
更改为 
cucamonga
:

<table>
<thead>
<tr>
<td>
<div id="cucamonga">TEST</div></td>
</tr>
</thead>
</table>

CSS 作用于文本。为什么？

我没有使用任何缓存。我该如何调查这个问题？

html css
1个回答
0
投票

你的 CSS 是如何加载的？我检查了您的代码，对我来说，两个名称都按预期工作，因为两个名称具有相同的样式定义。确保您的 HTML 代码正确定义了所有标签，并在更改 id（+保存）后尝试刷新/重新打开程序。

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
#myTest {
  font-family: "FuzzyRegular";
  font-size: 3vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #000;
  text-align: left;
  font-weight:400;
  letter-spacing:2px;
  padding-right: 2.19em;
  border-bottom: 5px solid rgba(255, 240, 0, 0.5);
}

#cucamonga {
  font-family: "FuzzyRegular";
  font-size: 3vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #000;
  text-align: left;
  font-weight:400;
  letter-spacing:2px;
  padding-right: 2.19em;
  border-bottom: 5px solid rgba(255, 240, 0, 0.5);
}
</style>
</head>
<body>

<table>
<thead>
<tr>
<td>
<div id="cucamonga">TEST</div>
</td>
</tr>
</thead>
</table>

</body>
</html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.