html - 在页面重定向上保持按钮状态

Question

当您位于单击按钮的地址时，是否可以保留 :hover 中设置的属性？

为了澄清起见，假设我有一个按钮，当我单击它时它会变成红色，并且会重定向到 mysite.com/buttonPage.html。在 buttonPage.html 上，我可以让按钮保持红色吗？

Answer 1

通常，在服务器端，如果按钮/链接的目标与当前页面匹配，您会向该按钮/链接添加一个类。类似于(在 PHP 中):

<a href="<?php echo $url; ?>"
<?php
    if ($url === current_url()) echo ' class="current"';
?>
>Link Text</a>

然后将 .current 选择器添加到 :hover 的样式中。

这实际上并没有“保持状态”，但应该做你想做的。