美文网首页
CSS伪元素选择器

CSS伪元素选择器

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-19 15:48 被阅读0次

伪元素选择器可以利用CSS创建新的标签元素,而不需要HTML标签,从而简化HTMl结构。

元素::before{}

(1)before和after创建一个元素,但是属于行内元素

(2)新创建的元素在文档中是找不到的,所以我们称之为伪元素

(3)before和after必须有content属性

(4)before在父元素内容的前面创建元素,after在父元素内容的后面插入元素

(5)伪元素选择器和标签选择器的权重一样,都是1.

相关文章

  • 伪类和伪元素

    伪类:CSS 伪类用于向某些选择器添加特殊的效果。 伪元素:CSS 伪元素用于向某些选择器设置特殊效果。 1、伪类...

  • css伪元素

    css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结, 意在总结连贯...

  • CSS3新特性

    1.属性选择器 2.结构伪类选择器 3.伪元素选择器(重点) 伪元素选择器可以帮助我们利用CSS创建新标签元素,而...

  • css伪类与伪元素

    1 CSS伪类:用于向某些选择器添加特殊的效果。 CSS伪元素:用于将特殊的效果添加到某些选择器。伪元素代表了某个...

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • 2019前端经典面试题 CSS 部分常见问题

    CSS部分常见问题 1、CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 2、CSS3新特性有哪...

  • 四十、CSS3的新特性(中)

    一、CSS3的新特性 1.1、伪元素选择器(重点) 伪元素选择器可以帮助我们利用CSS创建新标签元素,而不需要HT...

  • HTML5和CSS3新增内容

    CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 颜色:新增RGBA,HSL...

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

  • CSS属性选择器

    CSS选择器主要分为五大类:元素选择器,关系选择器,属性选择器,伪类选择器和伪元素选择器。平时用的最多的是元素选择...

网友评论

      本文标题:CSS伪元素选择器

      本文链接:https://www.haomeiwen.com/subject/ybgvxktx.html