html - 如何只在元素不使用text-indent的情况下使用Selector？

如果我们在任何html元素上提供text-indent属性，那么为什么它也会更改该元素:before选择器的位置

在这里我想隐藏锚标签的值，但不想要a:before'，是否有可能在CSS中，如果是的话那么请告诉我，在此先感谢

<a>Hello</a>

a{
    text-indent:-9999px;
    display:block;
}
a:before{
    content:"before";
    text-indent:0;
    display:inline-block;
}

最佳答案

我只能想到这个

a {
  text-indent: -9999px;
  display: inline-block; /* feels better - depends on your requirement*/
}
a:before {
  content: "before";
  text-indent: 0;
  display: inline-block;
  position: relative;
  left: 9999px;
}

<a>Hello</a>

关于html - 如何只在元素不使用text-indent的情况下使用Selector？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30304800/