風格主播通過href

我想風格動態添加錨點。風格主播通過href

HTML：

<ul role="menu" aria-label="Pagination"> 
    <li><a href="#previous" role="menuitem">previous</a></li> 
    <li><a href="#next" role="menuitem">nextstep</a></li> 
</ul>

我一直試圖做這樣的事情：

a[href^='next']{display: none;}

像這樣：

a[href='next']{display: none;}

但他們沒有工作，我不」在google上找到有用的東西。

我不能在這個項目上使用CSS3，比如child，我也不喜歡用javascript來解決這個問題。

這個問題有一個簡單的CSS解決方案嗎？一些幫助將不勝感激。

來源

2014-07-01 Ramon Vasconcelos

*我不希望使用JavaScript來解決這個問題也沒有。*任何特別的原因？ – esqew

它們是如何動態生成的？你有可能在錨點之前和之後添加類嗎？ –

我相信沒有簡單的解決方案。考慮在添加錨點和樣式時添加一個類或一個id。 – DwB

你缺少#字符：

a[href^='#next'] { display: none; }

這種特殊的選擇也符合像從屬性開始#next1234爲^=匹配文本的東西。如果你想匹配只有"#next"你只想使用：

a[href='#next'] { display: none; }

來源

2014-07-01 14:41:24

[JSFiddle]（http://jsfiddle.net/ycDFP/） – esqew

我相信你想

a[href="#next"] { display:none; }

來源

2014-07-01 14:41:39

Demo

用css屬性選擇

a[href="#previous"] { 
    color: green; 
} 
a[href="#next"] { 
    color: red; 
}

這裏詳細

幾個示例

a[href*="#next"] /* attribute containing #next somewhere */ 
a[href^="#next"] /* attribute begins with #next */ 
a[href$="#next"] /* attribute ends with #next */ 
a[href~="#next"] /* #next is space separated in attribute */ 
a[href~="#next"] /* #next is dash separated in attribute */

Read this for more information

來源

2014-07-01 14:42:03 4dgaurav

風格主播通過href

回答

相關問題