要選擇刪除URL下劃線的類是什麼？

我想從一個懸停事件的URL中刪除下劃線，但無法確定哪個class/CSS規則影響div。在頁面的底部是一個「Related Posts」部分，當光標懸停在圖像/文章標題上時，標題會被加下劃線。要選擇刪除URL下劃線的類是什麼？

我申請刪除下劃線的CSS規則是文字修飾：無

我創建的CSS規則對於許多的各種級聯類，如：jp-relatedposts-post jp-relatedposts-post0 jp-relatedposts-post-thumbs

甚至將它們組合成一個巨型的超級特定類，但仍然無法刪除強調。

tl; dr - 我需要使用哪些類選擇器來定位相關帖子超鏈接，以便刪除懸停事件中出現的下劃線？

請讓我知道如果我能澄清什麼

2015-05-03 csterling

什麼是「JP-relatedposts-後一個」類的意義。從jetpack.css

a.jp-relatedposts-post-a { 
    text-decoration: none !important; 
}

2015-05-03 04:00:09 TNC

我將此添加到樣式表，並沒有改變樣式 – csterling

Donot覆蓋其他地方的鏈接屬性。 – TNC

我不知道什麼規則覆蓋它，否則我不會有這個問題：D – csterling

這將工作

a:hover{ 
    text-decoration: none; 
}

2015-05-03 03:57:19

當我將該規則添加到樣式表 – csterling

可能是您重寫其他地方的css規則時，這並不起作用。你可以使用text-decoration：none！important ;.這將覆蓋您已定義的任何其他css規則。 –

這適用於光標懸停在標題url上的情況，但它看起來有另一個規則作用於包含圖像和標題的包裝類，因爲當光標懸停在圖像上時，會出現下劃線。有什麼想法嗎？（感謝您的幫助btw！） – csterling

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a { 
    text-decoration: underline; 
}

：如果你可以添加CSS這一類，然後添加以下：

.jp-relatedposts-post-a, .jp-relatedposts-post-a:hover{ 
    text-decoration: none; 
}

如果這多年平均值爲你工作，那麼可以嘗試。

Debugger tools Inspector

使用

.jp-relatedposts-post-a:hover{ 
    text-decoration:none; 
}

後 jetpack.css或使用none !important;如果這是不可能的。

2015-05-03 04:02:06 Xufox

jetpress.css在WordPress管理控制檯中不存在。我如何編輯該文件？它是通過PHP自動創建的嗎？ – csterling

@csterling我不知道。我剛剛發佈了我所看到的內容。如果你不能編輯它，只需使用'！important'。 – Xufox

回答