指向当前页面的链接的CSS样式?

iHa*_*ter 6 css hyperlink css-selectors

我想知道CSS3中是否有任何方式可以指向已经显示在浏览器中的同一页面的链接 - 例如,在导航中突出显示红色,告诉用户"你现在就在这里!" 因为我有很少的链接列表,我希望有些用户可能会逐个读取它们.

因此,如果浏览器处于/features/feature3.php,那么显然我想改变具有相同href目的地的所有链接的外观.

似乎只有:hover,:focus:active,但没有什么可以纯粹在CSS中解决这个问题.我错过了什么吗?

Cha*_*mal 5

你可以使用CSS3属性选择器.

a[href='your url'] { *** }
Run Code Online (Sandbox Code Playgroud)

  • 除非你测试`./ your_url`,`/path/to/your_url`,`http:// domain.com/path/to/your_url`,甚至`//domain.com/,否则不一定有效. path/to/your_url` ...和`../../ path/to /../ to your_url` ....... (2认同)
  • @Kolink:`a [href $ ='your url']`表示一个带有href属性的元素,其值以后缀"your url"结尾.所以你不需要测试以上所有. (2认同)