gpt4 book ai didi

css - 如何在 CSS 中为链接添加装饰?

转载 作者:太空宇宙 更新时间:2023-11-04 04:20:12 25 4
gpt4 key购买 nike

我有以下有效的方法:

#s5_bottom_menu_wrap a{
color:#333333 !important;
}

我希望能够向其中添加以下内容:

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

但是,当我这样做时:

#s5_bottom_menu_wrap a{
color:#333333 !important;
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
}

...在 Google Chrome 的 Inspect Element 中,它为添加的 CSS 显示错误“Unknown property name”,并且没有任何效果。我想做的是按照设计者的要求去做,即让这些 Nav 链接没有装饰,并且仅在悬停时为链接加下划线。

我做错了什么?应该如何添加这些文本装饰?

我已经根据我在这里得到的答案尝试过这个,这是正确的吗?

/* bottom section Nav links in footer */
#s5_bottom_menu_wrap a{ color:#333333 !important; text-decoration:none;}
#s5_bottom_menu_wrap a:link {text-decoration:none;}
#s5_bottom_menu_wrap a:visited {text-decoration:none;}
#s5_bottom_menu_wrap a:hover {text-decoration:underline;}
#s5_bottom_menu_wrap a:active {text-decoration:none;}

最佳答案

您正在将样式添加到 :link:visited:hover:activea 元素的 css 样式 block 。这是行不通的。而是尝试以下操作

#s5_bottom_menu_wrap a{
颜色:#333333 !重要;文字装饰:无;
}

#s5_bottom_menu_wrap a:hover {text-decoration:underline;}

关于css - 如何在 CSS 中为链接添加装饰?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19197776/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com