css中的伪元素,快来查缺补漏

在CSS中,伪元素用于样式化特定的部分内容,通常是指那些无法通过HTML直接选中的部分。伪元素通过双冒号(::)来表示:

  1. ::after: 用于在元素内部的最后一个子元素之后插入一些内容。

  2. ::before: 用于在元素内部的第一个子元素之前插入一些内容。

  3. ::first-letter: 用于选中块级元素的第一个字母。

  4. ::first-line: 用于选中块级元素的第一行。

  5. ::selection: 用于改变用户选中或高亮文本的部分样式。

  6. ::placeholder: 用于改变占位符文本的样式,如<input><textarea>中的占位符。

  7. ::marker: 用于定制<list><summary>元素前的标记符号。

  8. ::backdrop: 用于为<dialog>元素的背景区域应用样式,当<dialog>为打开状态时会显示该背景。

  9. ::cue: 用于为WebVTT的字幕(诸如<track>标签内部的字幕)设定样式。

  10. ::part: 用于选中影子DOM中带有part属性的元素的一部分。

  11. ::slotted: 用于选中那些被插入到影子DOM中的<slot>元素里的内容。

相关推荐
干前端3 小时前
Vue3 组件库工程化实战:BEM 命名规范与 useNamespace 深度解析
前端·css
RFCEO3 小时前
前端编程 课程十四、:CSS核心基础2:选择器优先级 + 伪类选择器(解决冲突+交互效果)
前端·css·交互·css选择器优先级判断规则详解·css important使用·css链接伪类lvha顺序·实现悬浮交互效果
小满zs4 小时前
Next.js第二十五章(CSS方案)
开发语言·javascript·css
红色的小鳄鱼4 小时前
Vue 监视属性 (watch) 超全解析:Vue2 Vue3
前端·javascript·css·vue.js·前端框架·html5
Hacker_Z&Q20 小时前
CSS 笔记2 (属性)
前端·css·笔记
CappuccinoRose1 天前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
强子感冒了1 天前
CSS基础学习:CSS选择器与优先级规则
前端·css·学习
layman05282 天前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔2 天前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
_OP_CHEN2 天前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化