2个回答
展开全部
CSS中header后面的:after 选择器是在header的内容后面插入内容，用content属性来指定要插入的内容。
实例：
在每个 <header> 元素后面插入内容，并设置所插入内容的样式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="捷西网络技术支持">
<title>:after标签使用和解释</title>
</head>
<style>
header:after
{
content:"捷西网络提供实例演示：jiexi-it.com";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
<body>
<header>
在每个<strong> header </strong>元素后面插入内容，并设置所插入内容的样式
</header>
</body>
</html>
代码显示效果图：
本回答由电脑网络分类达人 赵丽丽推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是CSS的选择器
:after 选择器在被选元素的内容后面插入内容。
请使用 content 属性来指定要插入的内容。
用法就是
p:after
{
content:"台词：";
}
实战案例用法：
我们一般这个用来实现某段文字的父元素设置了宽度并且设置了overflow:hidden，这样文字太多导致溢出并且被父元素截取后，那么用这个就可以实现截取后，后面追加... 省略号
相反 还有一个就是
:before
使用方法一样 只不过他是在内容之前插入内容
这两个CSS选择器都是CSS2的 所以在IE8以前的浏览器上使用他们的话 网页文档必须声明 <!DOCTYPE>。
:after 选择器在被选元素的内容后面插入内容。
请使用 content 属性来指定要插入的内容。
用法就是
p:after
{
content:"台词：";
}
实战案例用法：
我们一般这个用来实现某段文字的父元素设置了宽度并且设置了overflow:hidden，这样文字太多导致溢出并且被父元素截取后，那么用这个就可以实现截取后，后面追加... 省略号
相反 还有一个就是
:before
使用方法一样 只不过他是在内容之前插入内容
这两个CSS选择器都是CSS2的 所以在IE8以前的浏览器上使用他们的话 网页文档必须声明 <!DOCTYPE>。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
