当前位置: 首页 > 知识库问答 >
问题:

css - 如图 nuxt3如何给链接加选中状态?

奚飞星
2023-05-08

image.png

共有1个答案

曾高杰
2023-05-08

你看,这个 <a> 有两个样式:

  • .router-link-active:当前路径包含该 nuxt-link 对应的路径
  • .router-link-exact-active:当前路径与 nuxt-link 对应的路径完全一致

所以你只需要实现这个样式即可。

 类似资料:
  • 我是Django 1.9.5的新手,使用windows作为我的平台。我有一个问题连接我的css,图像和js到django templage, 这是我的项目结构 这是我的设置页面 这是我的主要网址。py页 这是我的基本html模板 Github链接我在Github中的项目我尝试了所有可能的组合,但在2天内失败了。任何帮助都会被占用,我会感谢你的

  • 我已经用C语言编写了向大量用户发送邮件的代码。该电子邮件为HTML格式,包含取消订阅链接。 为了添加更多信息,我使用SendGrid向最终用户发送电子邮件。 我在Gmail中查看了原始消息格式,我可以在格式中看到Header 然而链接没有显示。我错过了什么?

  • 我尝试使用背景属性为图像着色,如下所示: http://jsfiddle.net/6ELSF/1047/ 但是图像并不像预期的那样“有色”。 悬停时,它看起来像这样: 但我希望它看起来像这样: 我试着测试一些我发现的关于图像叠加的解决方案,但在我的示例中都不起作用。如何以最简单的方式实现这一点?

  • 我正在使用改装库,我想从OpenWeatherPi获取天气预报。 我有这个。

  • 问题内容: 有什么方法可以使用CSS禁用链接吗? 我有一个叫的类,想禁用与此类的链接,以便在单击它们时不执行任何操作。 问题答案: 答案已经在问题的注释中。 如果您需要支持IE,则有一种解决方法。 警告:CSS中非SVG元素的使用是实验性的。该功能曾经是CSS3UI草案规范的一部分,但由于存在许多未解决的问题,因此已推迟到CSS4。

  • 问题内容: 我的CSS文件在: 项目/网站/支持/样式/file.css 我的图片在: Project / Web / images / image.png 我想要这个图像在我的CSS文件中。 我努力了 : 但。我在页面中没有得到这张图片。 在CSS文件中指定图像文件路径的正确方法是什么? 问题答案: 您的CSS在这里:Project / Web / Support / Styles / file