Html 点击URL'；颠簸'；文本/图像有点模糊

我目前正在一个网站上工作，但过了一段时间，我开始注意到当你点击文本和图像时，它们是如何“碰撞”的。我不知道这是怎么开始的，我也不知道如何摆脱它。同时也有一些其他问题开始发生

示例：

单击徽标使其移动一点

点击其中一个面包屑会让它看起来突然变得大胆起来

我的帖子标题是白色的（因此看不见），即使我将它们设置为半黑色。当点击它们时，文本会显示出来（像预期的那样改变颜色），但字体大小也会显著减小

我尝试了css和html验证程序，但它说我的网站实际上是有效的

---

非常感谢您的帮助

您的CSS中有如下内容：

#breadcrumbs a, a:visited, a:active { ...

这与：

#breadcrumbs a { ...
a:visited { ...
a:active { ...

当所有锚元素被单击时，您不小心给了它们一些填充，这就是为什么您的徽标有点跳跃

粗体是由一个类似的表达引起的：

.post-title a, a:active, a:visited {
    color: #3e3e40;
    font-weight: bold;
    font-family: "Helvetica", Tahoma, Geneva, sans-serif;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ...

这会使页面上的所有链接在单击时变为粗体

编写这些复合选择器的正确方法是在每个表达式中包含整个链：

.post-title a, a:active, a:visited {
    color: #3e3e40;
    font-weight: bold;
    font-family: "Helvetica", Tahoma, Geneva, sans-serif;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ...

---

在CSS中有如下内容：

#breadcrumbs a, a:visited, a:active { ...

这与：

#breadcrumbs a { ...
a:visited { ...
a:active { ...

当所有锚元素被单击时，您不小心给了它们一些填充，这就是为什么您的徽标有点跳跃

粗体是由一个类似的表达引起的：

.post-title a, a:active, a:visited {
    color: #3e3e40;
    font-weight: bold;
    font-family: "Helvetica", Tahoma, Geneva, sans-serif;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ...

这会使页面上的所有链接在单击时变为粗体

编写这些复合选择器的正确方法是在每个表达式中包含整个链：

.post-title a, a:active, a:visited {
    color: #3e3e40;
    font-weight: bold;
    font-family: "Helvetica", Tahoma, Geneva, sans-serif;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ...

---

只需禁用锚样式上的填充a:active

只需禁用锚样式上的填充a:active

你应该检查你如何设置链接的样式，并可能给我们一些css代码：）但是，你的css有效并不一定意味着它是正确的。Valid只意味着它没有违反任何CSS规则/标准，并不意味着它做了你想做的事情。你应该检查一下链接的样式，也许给我们一些CSS代码：）但是，你的CSS有效并不一定意味着它是正确的。Valid只是意味着它没有违反任何CSS规则/标准，并不意味着它做了您想要做的事情。