html5中的div有一个:after起什么作用

html5中的div有一个:after起什么作用,第1张

::before creates a pseudo-element that is the first child of the element matched. It is often used to add cosmetic content to an element by using the content property. This element is inline by default.

大概的意思:

::before创建了一个伪元素(跟伪造类类似,如:hover),位置在第一个子元素的位置,常用用于通过content属性来设置一些装饰性的内容;这个元素的属性默认是inline的。

::after也一样是伪元素,只不过位置是在子节点里面最后一个。

1、双击打开HBuilder并新建一个静态页面,在页面中引入jquery文件。

2、在<body></body>标签内,插入一个div标签并在其中插入一个无序列表。

3、接着在jQuery初始化函数中,利用jquery each函数遍历循环ul li。

4、保存代码并在浏览器上查看页面显示的效果,可以发现只有几个无序列表项的点。

5、再次添加样式代码,并使用类选择器包裹,然后使用addClass方法添加类样式。

6、再次保存代码并查看页面显示效果,可以发现背景颜色改变了,即增加颜色成功。

如果不涉及后台的话:你可以在你d出新增页面(最外层)添加一个div

如:<div id ="content_div"></div>将整个d出页面包含当中,

然后在页面任意位置,设一个用来保存html的div

<div id="copy_div" style="display:none"></div>

2. 然后在点击确定按钮后,

保存好你新增后的html   $("#copy_div").html($("#content_div").html());

3.在你点击修改的时候保将存号的html内容 取出来 $("#content_div").html($("#copy_div").html())

这样就行啦。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11260506.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存