CSS中的等价物是什么:向元素添加内容是`content:'要添加的文本“;`从元素中删除内容是`?????`

时间:2012-04-19 23:48:41

标签: javascript css mediawiki

我编辑的主wiki上有一个名为Item:的自定义命名空间,抱怨是该命名空间中的每个页面都显示为Item:This_item - Item:That_item - { {1}}。

我通过网络冲浪和那张皮肤的CSS,并且遇到了:

Item:Foo_item

将命名空间名称“我将使用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 ]

我想知道是否有类似的东西可以让我显示main talk只是Item:Foo剥离“Foo”。我知道类别页面上列出的项目位于Item: div#mw-pages个标记中。

也许甚至是一种使用JavaScript来删除前五个字符的内联方式?我说“在线”,因为在此维基上$wgAllowUserJs设置为false。

编辑: wiki-core将其解析为:

a

如何使报价不被解析,是否有诀窍?我可以在font-family行上使用单引号而不是双引号吗?

2 个答案:

答案 0 :(得分:2)

如果你只能使用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>

答案 1 :(得分:0)

dunno如果可行,但您可以预先准备并在正确的位置附加跨度打开/关闭标记,以获得以下内容:

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

正如我所说,我没有尝试过,但我不知道另一种方式,并且可能没有可能通过使用css来削减内容。 javascript应该这样做。