2011-03-14 29 views
1

我想用SE風格的一些標籤與自定義顏色基於他們的標籤,只使用CSS。如何選擇導致以「/ foo-bar」結尾的網址的鏈接?

這應該不是太硬,用於:

<a href="https://stackoverflow.com/questions/tagged/foo-bar" class="post-tag" title="" rel="tag">foo-bar</a> 

...應該是一個選擇,如易可匹配:

a.post-tag[href$=/foo-bar] 

...其中,將需要斜槓以匹配而不是

然而,並不那麼簡單。短劃線和斜線都似乎阻止選擇器工作。幸運的是我可以通過escaping字符來解決這個問題,所以/變成\5c-變成\2d

這似乎並不不過要麼匹配任何條件:

a.post-tag[href$=\5cfoo\2dbar] 

...而a.post-tag[href$=foo\2dbar]確實有一些比賽,但是又太多了。

如何使用CSS選擇以「/ foo-bar」結尾的href?

+0

我使用今日鉻12.0.703.0。 – badp 2011-03-14 10:42:53

+0

'\ 5cfoo \ 2dbar'可能不起作用,因爲轉義符被視爲'\ 5cf'和'\ 2db'。來自同一篇文章:「如果轉義序列後面的字符也是有效的十六進制數字,則必須在轉義符中包含六位數字,或者使用空格字符來終止轉義。」我無法使'\ 00005cfoo \ 00002dbar'工作雖然...但報價更容易閱讀:) – BoltClock 2011-03-14 10:56:13

回答

3

簡單地包裹在引號中的屬性選擇的值,因此你不需要逃避什麼,就像你的報價如何在HTML屬性值:

a.post-tag[href$="/foo-bar"] 

jsFiddle preview