CSSに相当するもの：エレメントにコンテンツを追加する 'content：'テキストが追加されました;エレメントからのコンテンツの削除が `????? '

Question

メインにはItem:というカスタム名前空間があります私が編集したwikiであり、その名前空間内のすべてのページがItem:This_item - Item:That_item - Item:Foo_itemと表示されるという苦情があります。

私は、Webおよびその肌のためのCSSを通じてサーフィン行って、出会った：名前空間名「私は例としてmain使います」と、対応するtalkページ名をとり

span#ca-nstab-main:before, 
span#ca-nstab-user:before, 
span#ca-nstab-wp:before { 
content: "[ "; 
} 
span#ca-talk:before { 
content: "& "; 
} 
span#ca-talk:after { 
content: " ]"; 
} 

とmain talkの代わりに[ main & talk ]と表示されます。

Item:Fooと表示できるようにするには、Fooを「Item:」とオフにしてみてください。カテゴリページに記載されているアイテムがdiv#mw-pagesaタグであることはわかっています。

おそらくインラインでJavaScriptを使用して最初の5文字を​​削除することもできますか？このwikiで$wgAllowUserJsがfalseに設定されているため、「インライン」と言います。

編集： ウィキ芯としてそれを解析します

<style type="text/css"> 
/*<![CDATA[*/  
a[title^=&quot;Item:&quot;] { 
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, monospace; 
    font-size: 12px; 
    display: inline-block; 
    overflow: hidden; 
    text-indent: -2.1em; 
} 
/*]]>*/  
</style> 

私は引用符を解析できません作るにはどうすればよい、トリックはありますか？フォントファミリの行のように二重ではなく一重引用符を使用できますか？

Answer 1

CSSだけしか使用できない場合は、このようなことを試すことができます。 （http://jsfiddle.net/zPJHU/）

li a { 
/* monospace fonts may be more consistant cross browsers */ 
font-family: "Courier New", monospace; 
font-size: 1em; 
display:inline-block; 
overflow:hidden; 
text-indent: -2.9em; /* may have to play with this value */ 
} 
li a:hover{ 
    font-size: 1.8em; /* just for demonstration of font-size increase */ 
} 

デモマークアップ：

<p>Hover over links to increase font-size</p> 
<ul> 
    <li><a href="#Item:wicket" title="This really says: 'Item:Wicket'">Item:Wicket</a></li> 
    <li><a href="#Item:chewbacca" title="This really says: 'Item:Chewbacca'">Item:Chewbacca</a></li> 
    <li><a href="#Item:obiwan" title="This really says: 'Item:Obi Wan Kenobi'">Item:Obi Wan Kenobi</a></li> 
</ul> 

Answer 2

知らんそれが動作するかどうかが、あなたは以下を持っている右の位置でスパンオープン/クローズタグprepandと追加できます。私はそれを試していないと述べてきたように

<span class="hideme">Foo:</span>Bar 

を、しかし、私は別の方法を知らず、単にCSSを使ってコンテンツをカットする可能性はないかもしれません。 javascriptはそれを行う必要があります。