jquery - 您如何使链接文本表现得像普通文本一样？

Question

我使用 css 和 jquery 对悬停使用模糊效果。当您将鼠标悬停在其中一段文本上时，css 的某些部分将使用 jquery 应用于兄弟姐妹。如果您查看链接，则“音乐”文本没有超链接，并且在悬停时按照我的意愿行事。但是其余的都是链接的，我希望它们在超链接时表现得像“音乐”。

CSS：

.blur {
text-decoration: none;
color: #339;
-webkit-transition: 400ms ease 100ms;
-moz-transition: 400ms ease 100ms;
transition: 400ms ease 100ms;

}  

.textshadow {
text-decoration: none;
color: rgba(0,0,0,0);
outline: 0 none;
-webkit-transition: 400ms ease 100ms;
-moz-transition: 400ms ease 100ms;
transition: 400ms ease 100ms; }  
.out {
text-shadow: 0 0 4px #339;}


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

Answer 1

$('.blur').hover(function() {
    $(this).siblings().children().addClass('out textshadow');
}, function() {
    $(this).siblings().children().removeClass('out textshadow');
});

小提琴- 所有文本都是超链接的。

---

或者您可以保留相同的 JS（不带.children()）并编辑 CSS 选择器：

.blur到.blur a
.textshadow_.textshadow a

小提琴