如何从CSS中消除悬停效果？
如何从CSS中消除悬停效果？
提问于 2013-09-27 10:46:36
我目前有一个文本作为超链接，并在这方面的一些CSS代码正在被应用。由于悬停的原因，文本得到下划线，字体在悬停事件上变得粗体。但现在我要做的是删除超链接，并应用同样的效果，由bydefault，即不是在悬停。简而言之，我想应用当前在悬停上应用的样式，而不需要悬停文本。我的HTML和css代码如下：
.faq .section p.quetn a:hover {
text-decoration:underline;
font-weight:bold
}
<p class="quetn"><a href="">5.14 Where do i see my test results?</a></p>更重要的是，我不能改变上面写的CSS，我想通过编写一个新的类来覆盖上面的CSS代码。你能帮我实现这个目标吗？提前谢谢。
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-09-27 10:48:10
当链接没有悬停时，只需使用相同的规则：
.faq .section p.quetn a, .faq .section p.quetn a:hover {
text-decoration:underline;
font-weight:bold
}编辑
Juse发现，由于某些原因，您不能更改CSS。
只需创建一个具有相同样式的新类即可。
a.class, a.class:hover {
text-decoration:underline;
font-weight:bold
}
<a class="class" title="" href="#">Some Link</a>编辑v2
是否要对文本进行样式化，但要删除链接标记？
就会是
<p class="class">Text</p>
p.class {
text-decoration:underline;
font-weight:bold
}Stack Overflow用户
发布于 2013-09-27 10:47:40
然后用
.faq .section p.quetn a:hover使用
.faq .section p.quetn a如果您只针对P标记而不是锚标记，请按以下方式使用它：
.faq .section p.quetnStack Overflow用户
发布于 2013-09-27 10:48:22
像这样
演示
css
.quetn a:hover {
text-decoration:underline;
font-weight:bold;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19048867
复制相关文章
相似问题
腾讯云开发者
