0

有没有办法让一个<span>元素包含一些文本,而不是其他文本,它在中间?我尝试使用<span>具有相同 ID 的两个元素,但它似乎没有达到预期的效果。

编辑:更多背景知识,虽然我不认为这是一个确切的 XY 问题。

我现在有一个系统,可以在其中突出显示已通过使用span:target. 问题是这一次只能做一个跨度,我希望专门链接到同一页面上的多个文本段。此外,这些段彼此之间以及与我不想突出显示的文本不连续。也就是说,给定 XYZXYZ 的序列,然后我希望突出显示 X 文本(如果它被链接到)和 Z 文本(如果它被链接到),但绝不是 Y 文本。

4

3 回答 3

0

那不管用。HTML 是分层的,因此您不能将元素拆分为不相交的部分。

此外,就其本质而言,跨度是连续的内容。

于 2012-04-04T11:20:10.403 回答
0

我假设您指的是想要在文本中间使用不同的格式?

如果你的 HTML 看起来像这样:

<span id="mySpan">Lorem Ipsum Dolor</span>

你想要Ispum不同的风格,你可以这样做:

<span id="mySpan">Lorem <span>Ipsum</span> Dolor</span>

然后为这个“内部跨度”设置压倒一切的样式:

span#mySpan span
{
   //styles for inner span text here
}
于 2012-04-04T11:22:54.073 回答
0

链接到包含元素并使用后代选择器。

span:target span.highlightMe {}
于 2012-04-04T11:57:25.697 回答