2011-05-10 51 views
0

我不得不使用一個網站,有太多分散注意力的元素,我試圖用自定義CSS來調整它。我偶然發現了這個奇妙的導航鏈接:僅通過使用CSS屬性可以編輯文本內容嗎?

______Link#1__________ 
______Link#2__________ 

我可以刪除這些_只能通過使用目前在FF的最新穩定版本工作的CSS屬性是?

+1

可替換地:https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/ – 2011-05-10 05:21:45

+1

替代地2:http://en.wikipedia.org/wiki/Bookmarklet(也一個JavaScript方法,因此不是CSS問題的答案*) – 2011-05-10 05:27:15

回答

2

如果鏈接的寬度差不多,你可以隱藏問題的凸顯出來的觀點通過溢出:隱藏:

a { 
    display: block; 
    width: 50px; 
    overflow: hidden; 
    text-indent: -45px 
} 

如果它們有不同的寬度,你可以單獨通過nth-針對每一個的選擇...

ul.nav li:nth-of-type(3) a { 
    display: block; 
    width: 70px; 
    overflow: hidden; 
    text-indent: -45px 
} 

這是一個有趣的挑戰,祝你好運!

http://jsfiddle.net/F24rh/

1

否;您目前只能使用CSS在元素前後添加文本(甚至支持也是有限的)。

要做你想做的事,考慮寫一個Greasemonkey腳本。

+0

是的,但我最近並沒有跟上CSS的進度,所以我想我會問。感謝小費,GM會做。 – kovike 2011-05-10 06:30:39

相關問題