用于更改汉堡行菜单长度并添加标注的 css

Question

这就是我想要实现的目标

这就是主题

我已经在样式表上上下移动并尝试了我所知道的一切来改变每行的宽度并使它们在右侧齐平。我只是稍微改变了它：

.hamburguer-trigger-menu-icon .hamburger-line-2 {

    margin-right: -0.3rem;

}

标注可能是最重要的，我不知道从哪里开始。我该如何在这 3 行的左侧放置一个短文本链接？

Answer 1

::before 伪选择器可能会让您感兴趣，您可以使用样式表中的 content 属性将文本等内容插入到伪元素中

https://developer.mozilla.org/en-US/docs/Web/CSS/::之前

https://developer.mozilla.org/en-US/docs/Web/CSS/content