CSS 解決 a標簽去掉下划線 text-decoration: none無效 的解決方案

經過查閱，如果想要去掉a標簽的默認效果，就要用text-decoration: none;，但是經過試驗發現並不好用，可能是因為你用a標簽里的class或id定義的CSS樣式，就像這樣：

<div class="test>
    <a class="navbarLink">鏈接</a>
</div>

.navbarLink{
    text-decoration: none;
}

如果這樣定義a的下划線是不會消失的。

如果想要去掉默認樣式，必須要這樣定義CSS：

.test a{
    text-decoration: none;
}