Html CSS可以在Chrome中工作，但不能在safari中工作？不能改变a href的外观？_Html_Css_Google Chrome

Html CSS可以在Chrome中工作，但不能在safari中工作？不能改变a href的外观？

html css google-chrome

Html CSS可以在Chrome中工作，但不能在safari中工作？不能改变a href的外观？,html,css,google-chrome,Html,Css,Google Chrome,我有个奇怪的问题。我在这里创建了一个与联系人类的链接- （目前未在此计算机上编辑脚本，因此无法复制/粘贴）并且我无法更改a href的外观该页面链接到2个样式表。我尝试过多种变体（在a href中加一个p，在div中加一个a，等等），但是： .contacter { color: white; } 有效地改变了chrome中链接的外观。问题是它在Safari中没有任何作用。我觉得这里发生了一些奇怪的事情。在我找到的chrome调试器中- 这似乎是造成问题的原因，但我到处都找了，找不到这个

我有个奇怪的问题。我在这里创建了一个与联系人类的链接-

（目前未在此计算机上编辑脚本，因此无法复制/粘贴）并且我无法更改a href的外观

该页面链接到2个样式表。我尝试过多种变体（在a href中加一个p，在div中加一个a，等等），但是：

.contacter {
color: white;
}

有效地改变了chrome中链接的外观。问题是它在Safari中没有任何作用。我觉得这里发生了一些奇怪的事情。在我找到的chrome调试器中-

这似乎是造成问题的原因，但我到处都找了，找不到这个用户代理样式表。如何更改链接的外观？问题在于继承吗？如何修复它？

下面是一个关于如何正确设置链接样式的示例

基本上，您可以使用以下选择器：

a:link {
}

/* visited link */
a:visited {
}

/* mouse over link */
a:hover {
}

/* selected link */
a:active {
}

至于

用户代理样式表

——这是Chrome和/或任何其他浏览器在缺少覆盖样式的情况下，以某种方式呈现内容的最低默认样式。您无法实际找到它们-它们包含在浏览器中。

您需要为锚定指定不同的选择器，因为有不同的方式对它们进行样式设置，并且处于不同的状态。

用户代理样式表是浏览器的内部样式。不同浏览器的这些设置不同，为了保持一致性，通常最好重新设置这些设置-请参阅
如果您希望链接在所有状态下都是特定颜色，可以组合选择器使用相同的属性，如下所示。如果希望每个状态的样式不同（强烈建议），请添加单独的选择器，但在组合选择器中共享公共属性以防止重复
我使用了contacter
类来防止整个应用程序中的链接更改是全局性的
<!DOCTYPE html>
<html>
   <head>
      <style type="text/css">
         a.contacter:link,
         a.contacter:visited,
         a.contacter:hover,
         a.contacter:active {
            color: #FFF;
            text-decoration: none;
         }
      </style>
   </head>
   <body>
      <a class="contacter" href="mailto:">contact the creators</a>
   </body>
</html>


a、 联系人：link，
a、 联系人：已访问，
a、 联系人：悬停，
a、 接触器：激活{
颜色：#FFF；
文字装饰：无；
}
@Tra为什么会有帮助？它看起来好像有什么东西覆盖了a
元素。这将确保凌驾于此之上。尽管坦率地说，我以前从未遇到过这样的问题。当你看到a:-webkit任意链接时，你基本上已经跳过了所有声明的CSS，现在看看它使用的浏览器内部CSS。如果您决定覆盖链接操作的任何选择器，则该选项的优先级最低。@TravelingTechGuy不工作我尝试使用：link设置颜色，但仍然不工作