Use :target to highlight linked line, instead of JavaScript

simonw / datasette-ripgrep

Web interface for searching your code using ripgrep, built as a Datasette plugin

https://ripgrep.datasette.io

Apache License 2.0

72 stars 1 forks source link

Use :target to highlight linked line, instead of JavaScript #14

Closed simonw closed 3 years ago

simonw commented 3 years ago

https://twitter.com/loulouxiv/status/1332696241650737152

Here is is a tip to simplify the highlighting of a linked line: you can get rid of this javascript by using the CSS :target pseudo-class https://developer.mozilla.org/en-US/docs/Web/CSS/:target

:target {
  border: 2px solid black;
}