僅對一個URL使用css

Question

我可以在我的wordpress網站上只針對一個URL的css類嗎？

.class a {pointer-events:auto;} 
.class a[href="URL"]{pointer-events: none;} 

這不工作，有沒有另一種方式？

我可以用javascript做到這一點嗎？

我需要禁用添加到購物車按鈕的頁面與示例部分（不應該添加到購物車）。

唯一的其他獨特的屬性是data-product_id="32570"

是有一個目標在CSS data-product_id="32570"方式？

Answer 1

您可以使用CSS和目標的獨特屬性，我認爲這是瞄準這一

.class a[data-product_id="32570"] { ... } 

更多的文檔的最佳方式，並使用此https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Answer 2

小提琴：http://jsfiddle.net/g68wtwfq/

的CSS爲張貼.class a[href="URL"]{pointer-events: none;}應該工作。

不過，我會建議你做服務器端（不輸出href在所有）或通過JavaScript（除去href屬性）

如果您想根據對數據屬性

.class a[data-product_id="32570"]{pointer-events: none;} 

應該這樣做。

有一件事要注意，因爲我這樣做是a應該是.class的後裔。如果您想要定位的鏈接有class="class"，則應該使用a.class[attr=value]。

Answer 3

是的，您可以通過CSS中的數據屬性選擇元素。

[data-product_id="32570"] { 
    /* your styles */ 
} 

這是一個attribute selector。當然，它可以以父母.class作爲前綴。

你的問題有點含糊，我還不清楚，如果你真的想針對一個鏈接到一個URL或東西特定的URL，但在WordPress，CSS類添加到每一頁的body標籤以幫助您確定它是什麼類型的頁面並相應地設置它。

例如具有1 ID

body.home .foo { ... your CSS properties here ... } 

發表：：

body.postid-1 .foo { ... } 

頁具有2 ID：

主頁僅

body.pageid-1 .foo { ... } 

稱爲 '示例' A類：

body.category-example .foo { ... }