当前位置: 首页 > 面试题库 >

请举例说明伪元素 (pseudo-elements) 有哪些用途?

邢雨华
2023-03-14
本文向大家介绍请举例说明伪元素 (pseudo-elements) 有哪些用途?相关面试题,主要包含被问及请举例说明伪元素 (pseudo-elements) 有哪些用途?时的应答技巧和注意事项,需要的朋友参考一下
  1. 可以不用再多写一个 dom
  2. 可以用 content 搭配出很多效果

例子:

  1. 固定尺寸 2:1 的容器
  2. 文本前后增加 icon 或图片
  3. 使用 data-* 和 content: attr(data-*) 搭配
  4. 使用 :hover 和 content 搭配出很多效果
  5. 作为修饰元素
  6. 使用 content: counter() 玩有序数字
  7. 参与 inline-block 垂直居中
 类似资料:
  • 什么是伪元素 让我们先看看W3的伪元素官方定义: 伪元素用来创建HTML文档语言指定之外文档树的抽象层。比如HTML没有提供文档元素内容的首字母或第一行的访问机制。CSS伪元素允许作者引用这些除此之外无法访问的信息。伪元素还提供一种方法来引用不存在于文档中的内容。(比如,::before 和 ::after )。 一个伪元素由2个冒号(::)加上伪元素的名字所定义。 :: 标记是CSS2.1新规范

  • 本文向大家介绍举例说明html的修饰元素有哪些?相关面试题,主要包含被问及举例说明html的修饰元素有哪些?时的应答技巧和注意事项,需要的朋友参考一下 加粗:strong、b 倾斜:i、em 下划线:ins 删除线:del 自带样式:p、ul、ol、li、table、tr、td、thead、tbody等

  • 本文向大家介绍请举例说明JSON.stringify()有哪些特性?相关面试题,主要包含被问及请举例说明JSON.stringify()有哪些特性?时的应答技巧和注意事项,需要的朋友参考一下 JSON.stringify() 九大特性 JSON.stringify()第一大特性 对于 undefined、任意的函数以及 symbol 三个特殊的值分别作为对象属性的值、数组元素、单独的值时 JSON

  • 本文向大家介绍举例说明document.execCommand有哪些用途相关面试题,主要包含被问及举例说明document.execCommand有哪些用途时的应答技巧和注意事项,需要的朋友参考一下 说一个很常见的功能,复制:在一些博客系统中,会让你复制代码 其中使用了 ,会复制内容至系统剪切板

  • 本文向大家介绍举例说明clear取值有哪些?相关面试题,主要包含被问及举例说明clear取值有哪些?时的应答技巧和注意事项,需要的朋友参考一下 none 默认值。允许浮动元素出现在两侧。 left 在左侧不允许浮动元素。 right 在右侧不允许浮动元素。 both 在左右两侧均不允许浮动元素。 inherit 从父元素继承 clear 属性的值。

  • 本文向大家介绍请举例说明关于html的引用标签有哪些?相关面试题,主要包含被问及请举例说明关于html的引用标签有哪些?时的应答技巧和注意事项,需要的朋友参考一下 标签 引用 cite属性,没有浏览器支持,规定引用来源 有边距 标签 短引用 会自动加上伪元素,自动加上引号