如何在wordpress插件中使用css鏈接進行鏈接時，我該如何明確？

最近的帖子Widget Extended（RPWE）生成帖子標題作爲鏈接。在一個特定的頁面上，我想禁用標題文本的鏈接。小部件沒有爲鏈接生成類，但有一個rel，應該足夠具體。我已經添加了以下CSS：如何在wordpress插件中使用css鏈接進行鏈接時，我該如何明確？

a[rel="bookmark"] { 
    pointer-events: none; 
    cursor: default; 
    text-decoration-line: none !important; 
    font-size: 18px; 
    color: #000000; 
}

除去下劃線之外，一切都正常。看起來我不夠具體？

來源

2017-02-26 Jonathan Fowler

要刪除下劃線，你可以使用

text-decoration: none!important;

如果仍然沒有一個元素的工作可以是文本，裝飾在孩子應用你可以嘗試：

a[rel="bookmark"] *{ 
    text-decoration: none!important; 
}

如果沒有按不工作意味着!important還有另一個規則，您必須使用瀏覽器調試器工具。

來源

2017-02-26 17:41:50 cesare

感謝禁用太...但文字修飾是文字裝飾線，文字裝飾風格和文字裝飾顏色的縮寫。我已經完成了相同的代碼，但沒有如此特別的使用文本修飾。我也試過：link [rel =「bookmark」]作爲選擇器。也沒有工作！ –

我不認爲瀏覽器支持'text-decoration-line'，http://caniuse.com/#feat=text-decoration – cesare

謝謝但是，text-decoration：none！important;也沒有工作... –

使用您的瀏覽器中的調試工具來查找爲什麼text-decoration：none;正在被覆蓋。通常會使用更具體的選擇器。然而，在這種情況下，WordPress的樣式表還使用邊框下的所有鏈接：

box-shadow: 0 1px 0 0 currentColor;

，這需要通過選擇鏈接和造型與

box-shadow: none;

來源

2017-02-27 07:59:32

如何在wordpress插件中使用css鏈接進行鏈接時，我該如何明確？

回答

相關問題