css3属性双冒号有什么用

这篇文章主要为大家展示了“css3属性双冒号有什么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css3属性双冒号有什么用”这篇文章吧。

成都创新互联公司长期为成百上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为龙岗企业提供专业的网站制作、成都网站建设龙岗网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

css3属性双冒号代表该属性是一个伪元素选择器,是一个用于创建一些不在DOM树中的元素,并为其添加样式的选择器。css3伪元素有“::after”、“::before”、“::first-letter”、“::first-line”等等。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css3属性双冒号代表该属性是一个伪元素选择器。

伪元素是什么

伪元素直义理解就是"假元素"或者"伪装元素"。其实也可以这么理解, 伪元素实际上就是虚拟的元素,不存在的元素(code形式), 你也无发在文档中找到他们,因此说伪元素是虚拟元素。

伪元素是一个用于创建一些不在DOM树中的元素,并为其添加样式的选择器。

通过伪元素您不需要借助元素的 ID 或 class 属性就可以对被选择元素的特定部分定义样式。例如通过伪元素您可以设置段落中第一个字母的样式,或者在元素之前、之后插入一些内容等等。

CSS 中提供了一系列的伪元素,如下表所示:

伪元素例子例子描述
::afterp::after在每个

元素之后插入内容

::beforep::before在每个

元素之前插入内容

::first-letterp::first-letter匹配每个

元素中内容的首字母

::first-linep::first-line匹配每个

元素中内容的首行

::selectionp::selection匹配用户选择的元素部分
::placeholderinput::placeholder匹配每个表单输入框(例如 )的 placeholder 属性

以上是“css3属性双冒号有什么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享标题:css3属性双冒号有什么用
本文路径:http://myzitong.com/article/gsceoc.html