就是可以在某个标签的前面或者后面添加一个虚拟元素，需结合content使用。
css可以对元素做的事，对这个伪元素都可以做，然后也不奇怪能做出个三角形了（三角形是用很宽的边框+内容宽高都为0做出来的）但是，伪元素因为不在DOM里存在，也不会在调试工具里显示，所以不太好调试。
伪对象：after还有一个重要的用法--清除浮动。这种清除浮动的方法几乎成了一个固定的模式，很多大型网站里面都有用到。
易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
百度百科-CSS
本文实例讲述了jQuery使用before()和after()在元素前后添加内容的方法。分享给大家供大家参考。具体如下：<!DOCTYPE
html>
<html>
<head>
<script
src="js/jqueryminjs">
</script>
<script>
$(document)ready(function(){
$("#btn1")click(function(){
$("img")before("<b>Before</b>");
});
$("#btn2")click(function(){
$("img")after("<i>After</i>");
});
});
</script>
</head>
<body>
<img
src="/images/w3jquerygif"
alt="jQuery"
width="100"
height="140">
<br><br>
<button
id="btn1">Insert
before</button>
<button
id="btn2">Insert
after</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
1我们首先创建一个新的测试项目，然后创建一个新的indexhtml、basicjs和basiccss文件。
2js修改文件中的样式中值div以修改div高度。文件中的文件代码如图所示。
3我们看到3运行后两个div的高度是一样的然后我们用js修改高度。
4我们点击js中的代码，使用属性对应的样式属性获取div1id，然后设置高度如图所示。
5使用js修改CSS文件中的div的height的值HTML文件中的代码。
6我们得到js文件中的div1id属性，并使用objstylecssTest修改嵌入的css。
7运行项目后，两个结果是相同的div高度改变。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）