Html CSS编码不适用于<；a>；

它将应用于其他元素，但不是第一个元素，无论我尝试什么，它都不会工作，怀疑它在某个地方丢失了标记

.makethelinknice{
动画：lnktscolor 120s无限；
文字装饰：无；
光标：十字线；
}
.makethelinknice:悬停{
文字装饰：下划线；
}
.make thenextlinknice{
动画：lnktscolor 60s无限；
文字装饰：无；
光标：十字线；
}
.makethenextlinknice:悬停{
文字装饰：下划线；
}
.把最后的链接弄漂亮{
动画：lnktscolor 30s无限；
文字装饰：无；
}
.makethelastlinknice:悬停{
文字装饰：下划线；
光标：十字线；
}
@关键帧lnktscolor{
0% {
颜色：#368588
}
50% {
颜色：#593688
}
100% {
颜色：#368588
}
}

,
,
关于

这可能是你的浏览器的一个bug，我在codepen上试用过，它也很管用。它可能只在框架中工作，这会很奇怪，但它对我尝试的每件事都有效。我也试着在谷歌浏览器上用纯HTML做同样的事情。您的浏览器很可能对未闭合的括号更挑剔：

@关键帧lnktscolor{

0%{

   color: #368588

}

50%{

   color: #593688

} 100%{

   color: #368588

}

这里

---

这可能是你的浏览器的一个bug，我在codepen上试用过，它也很管用。它可能只在框架中工作，这可能会很奇怪，但它在我尝试的所有东西上都管用。我也在Google Chrome上试用过纯HTML。很可能你的浏览器对未闭合的括号更挑剔：

@关键帧lnktscolor{

0%{

   color: #368588

}

50%{

   color: #593688

} 100%{

   color: #368588

}

这里

---

这对我来说很有用，你只是在关键帧动画样式声明的末尾缺少了最后一个花括号

我还想补充一点，由于您将动画持续时间设置为

120s

（2分钟！），因此很难注意到实际动画的运行

@关键帧lnktscolor{
0% {
颜色：#368588
}
50% {
颜色：#593688
}
100% {
颜色：#368588
}
}/*这对我很有效，你只是在关键帧动画样式声明的末尾缺少了最后一个花括号

我还想补充一点，由于您将动画持续时间设置为
120s
（2分钟！），因此很难注意到实际动画的运行

@关键帧lnktscolor{
0% {
颜色：#368588
}
50% {
颜色：#593688
}
100% {
颜色：#368588
}
}/*这对我很有用：

HTML:


,
,
关于

CSS:

.maket{
动画：lnktscolor 3s无限；
}
a、 市场{
文字装饰：无；
光标：无；
}
a、 市场：悬停，
a、 市场：悬停{
文字装饰：下划线；
光标：十字线；
}
@关键帧lnktscolor{
0% {
颜色：#368588
}
50% {
颜色：#593688
}
100% {
颜色：#368588
}
}/*这对我很有用：

HTML:


,
,
关于

CSS:

.maket{
动画：lnktscolor 3s无限；
}
a、 市场{
文字装饰：无；
光标：无；
}
a、 市场：悬停，
a、 市场：悬停{
文字装饰：下划线；
光标：十字线；
}
@关键帧lnktscolor{
0% {
颜色：#368588
}
50% {
颜色：#593688
}
100% {
颜色：#368588
}
}/*您有一个双括号，它打破了CSS。只需删除它

}
} <== this one
.makethelinknice {

}
}您有一个双括号，它打破了CSS。把它拿走

}
} <== this one
.makethelinknice {

}
}右键单击“检查元素”。看看CSS并寻找问题；变灰或划破规则等。您的问题不太清楚，但我认为您首先对css a标记有问题-检查有效的href链接（链接是否正确）第二，尝试绝对路径和相对路径，然后您肯定会发现问题出在哪里您缺少关键帧的结束括号，但除此之外，它看起来很好，并且工作正常。你在什么浏览器上测试它？你在什么浏览器上测试它在这里它在代码笔中右键单击“检查元素”。看看CSS并寻找问题；变灰或划破规则等。您的问题不太清楚，但我认为您首先对css a标记有问题-检查有效的href链接（链接是否正确）第二，尝试绝对路径和相对路径，然后您肯定会发现问题出在哪里您缺少关键帧的结束括号，但除此之外，它看起来很好，并且工作正常。你在哪种浏览器上测试它？你在哪种浏览器上测试它？这是代码笔奇怪的，它不是特定的浏览器。你在使用谷歌浏览器吗？一个分支。这是代码笔中的代码，当我在第二个和第三个代码笔中看到它时，它正在工作，它是否为你工作？奇怪的是，它不是特定于浏览器的。你在使用谷歌浏览器吗？它的一个分支。这是代码笔中的代码，当我在第二个和第三个代码笔上看到它时，它正在工作，它是否为你工作？修复了它！不幸的是，它没有修复代码在这里它是在代码笔它意味着要长，解决了这个问题，感谢帮助修复它！不幸的是，它没有修复代码在这里它是在代码笔它意味着要长，解决了问题，谢谢你的帮助