css 伪类中添加字符串 |css浮动距离

例如，在链接被访问之后，你可能想要改变链接的颜色或者添加一些其他的样式。这时候可以使用“:visited”伪类来做到这一点。比如下面的样式规则就会将已访问过的链接的颜色设置为灰色：
a:visited{
color: gray;
}

另外，在一些情况下，大家需要在元素的内容后添加一些附加的内容，比如说给所有外链添加一个类似于“→”符号的箭头，告诉用户这是一个离开当前网站的链接。这时候可以使用“::after”伪元素来完成这个需求：

a[href^="http://"]:not([href*="//" + location.hostname])::after {
content: " → ";
}

关于这段代码的解释如下：

• 首先，大家先找到所有的外链，可以使用”a[href^=”http://”]”这样的属性选择器来实现。
• 接着，需要将当前页面的链接排除掉，也就是说只有在跟当前网站域名不同时才添加这个箭头。这里用到了”:not([href*=”//” + location.hostname])”这个伪类。
• 最后，在选中的元素后面添加一个“::after”伪元素，也就是在元素的末尾添加一个字形内容。在这里，字形内容为箭头符号“→”，可以使用“content”属性来指定。

总体来说，伪类是CSS中非常有用的一种机制，而添加字符串的方式可以让元素看起来更加丰富、精致。大家可以根据不同的需求来灵活运用伪类来控制元素的样式，让网页功能更加强大、美观。