嘿伙计们,我目前的 CSS 链接有问题。基本上,当我将鼠标悬停在链接上并单击它们等时,我希望链接的颜色发生变化。但是由于某种原因,当我在浏览器上查看它时它不起作用。下面是我的 HTML 代码和我的 CSS 代码,它们是单独的文件并链接在一起。提前致谢。(如果代码显示不正确,我深表歉意,但一切都在那里)
编辑:不要担心它现在修复了:D感谢您的帮助
嘿伙计们,我目前的 CSS 链接有问题。基本上,当我将鼠标悬停在链接上并单击它们等时,我希望链接的颜色发生变化。但是由于某种原因,当我在浏览器上查看它时它不起作用。下面是我的 HTML 代码和我的 CSS 代码,它们是单独的文件并链接在一起。提前致谢。(如果代码显示不正确,我深表歉意,但一切都在那里)
编辑:不要担心它现在修复了:D感谢您的帮助
据我所知,您没有在任何地方定义 a:hover、a:vistied 或 a:active ,这是控制您正在寻找的行为的原因。
您是手动编码还是将 Dreamweaver 用作所见即所得?
注意:这可能是因为您的问题中的文件格式不正确,因此 Markdown 可能会从显示中删除一些字符。
据我所知,CSS 文件没有正确编写。我将为您举一个适合整个文件的示例:
content {
width: 510px;
float: left;
}
上面的这段<content>
代码在 HTML 中查找标签,当它找到该标签时,它会给它一个 510px 的宽度并将它浮动到左边。这里的问题是您的 HTML 页面或 HTML 4.01 本身中没有<content>
标签。您需要做的就是将其更改为:
.content {
width: 510px;
float: left;
}
通过添加“。” 在 CSS 中的“内容”之前,它将“内容”更改<content>
为查找具有class="content"
属性的标签。
此外,要让标签在悬停时更改等,请使用 、和<a>
的伪元素(伪属性?):hover
,当用户将鼠标悬停在链接上时,单击链接,并且之前访问过链接,分别。:active
:visited
例子:
a {
color: blue;
}
a:hover {
color: red;
}
在此示例中,除非用户将鼠标放在链接上,否则链接将显示为蓝色。