日常开发中，我们常用:before,:after来实现一些效果，比如 – 边框 – 图标 此时的content中只是为了伪元素能渲染出来而声明 1 2 3 div:before{ content ...

css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。 伪类 用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素 ...

input[type=radio] { content: ''; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; vertical-align:middle; margin-top ...

...

获取伪元素的属性值 获取伪元素的属性值可以使用window.getComputedStyle()方法，获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。 语法：window.getComputedStyle(element ...

前言  继上篇《CSS魔法堂：稍稍深入伪类选择器》记录完伪类后，我自然而然要向伪元素伸出“魔掌”的啦_。本文讲讲述伪元素以及功能强大的Contet属性，让我们可以通过伪元素更好地实现更多的可能！ 初识伪元素  说起伪元素我第一想到的莫过于::before和::after这两个了，它俩 ...

li{ position: relative; float: left; width: 80px; ...

今天偶然看到一个关于使用伪元素:before和:after清除浮动的问答，觉得很不错，特此记录一下。 原文出处：https://segmentfault.com/q/1010000000530778 先给出一个demo 由于父容器内有了浮动元素 div 的缘故，导致父容器 ...