gpt4 book ai didi

javascript - CSS : add content to an element is `content: "text to add";` as remove content from an element is ` ? 中的等价物是什么????`

转载 作者:行者123 更新时间:2023-11-29 22:24:46 26 4
gpt4 key购买 nike

在我编辑的主 wiki 上有一个名为 Item: 的自定义命名空间,提示是该命名空间内的每个页面都显示为 Item:This_item - - Item:That_item -- Item:Foo_item

我浏览了网页和那个皮肤的 CSS,发现了:

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 a 标签中。

也许甚至是使用 JavaScript 去除前五个字符的内嵌方法?我说“在线”是因为 $wgAllowUserJs在此 wiki 上设置为 false。

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

<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>

如何让引号不被解析,有技巧吗?我可以在 font-family 行上使用单引号而不是双引号吗?

最佳答案

如果您只会使用 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>

关于javascript - CSS : add content to an element is `content: "text to add";` as remove content from an element is ` ? 中的等价物是什么????`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10238444/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com