Question

例如，在第1页中，我有链接A打开页面2，在该页面中它突出显示特定段落。假设，如果从另一个页面访问第2页，它将突出显示文本的其他部分。它几乎就像是目标页面特定区域的锚点，但在内容块（文本）上添加了突出显示。我不需要一个详细的解决方案，我只需要知道它是否可能和一个非常简短的解释。非常感谢您的宝贵时间。

Answer 1

您可以使用包含需要突出显示的文字的元素的id向您的链接添加哈希片段（例如href="page2.html#yourid"），

在page2.html中使用:target伪类

应用此样式

#yourid:target {
   background: yellow;
}

Answer 2

您可以使用:target CSS伪类。 This link提供了一些很好的信息。

这是一个例子，但只是假装链接来自不同的页面：）

:target {color: red;}

<a href="#one">First</a>
<a href="#two">Second</a>
<a href="#three">Third</a>
<a href="#four">Fourth</a>
<a href="#five">Fifth</a>

<div id="one">First Content</div>
<div id="two">Second Content</div>
<div id="three">Third Content</div>
<div id="four">Fourth Content</div>
<div id="five">Fifth Content</div>

Answer 3

因为您将收到有关此答案的通知。除了重定向到这个问题之外，Stack Overflow的作用是突出我的答案。它通过基于URL中的哈希（＃）采取行动来实现。这方面的一个例子就是我最近收到通知的评论：

Hashed URL example

使用#comment51329968_31694103哈希值;

该动作将由CSS或JS驱动，由您决定如何突出显示。简短的回答是：它是可能的。

Answer 4

当然有可能。

很多方面。记住第一个想法：php得到。如果你不习惯，你会发现这很棘手，但根本不是。哈希方法（参见其他答案）很好，但这仅限于一个元素。

假设您有第A页， - 链接 - ＆gt;第B页，其中包含您想要突出显示的选项...。

第A页的链接： <a href="pageB.php?highlighted=lorem42">click me</a>

pageB.php：注意扩展php！：

     <?php /*put this line at the first line, thus it is a php file*/ ?>
      <html>
<head>
    <?php
      if( isset($_GET["highlighted"] && $_GET["highlighted"]!=""){

    /*get the id to highlight */
    $php_id_highlight = $_GET["highlighted"]/*lorem42*/ ;

    /* write the script in html */
    echo "<script>..JS to highlight element with id==$php_id_highlight</script>";
      }
        ?>
    </head>
    <body>
    <p id="lorem42">I can be highlighted if pageB is launched from page A !</p>
    </body>
    </html>

现在，假设您有第A页， - 链接 - ＆gt;第B页，其中包含您要突出显示的3个...，...，...段。

第A页的链接： <a href="pageB.php?highlighted=lorem42,lorem43, lorem44">click me</a>

或者你可以突出显示，改变颜色......有创意

第A页的链接： <a href="pageB.php?highlighted=lorem42&red=div42&animate=icons">click me</a>

是否可以在点击后突出显示其他页面中的元素（可能是文本段落）？

4 个答案: