我在 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 作用于文本。为什么?
我没有使用任何缓存。我该如何调查这个问题?
你的 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>