常用伪元素及content属性值的使用

1.常用伪元素有 after、before，使用方法，如下

　　a:after{

　　　　display:block;

　　　　content:'';

　　}

 

2. content: "/\00a0";//表示斜杆

3. a标签的四个伪类：

link /* 未被访问的链接 */

visited  /* 已被访问的链接 */

hover /* 鼠标指针移动到链接上 */

active /* 正在被点击的链接 */----------------------可用于其他标签

4.伪元素有六个，分别是 ::after、::before、::first-line、::first-letter、::selection、::backdrop 。

二. 获取伪元素的属性值：

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

语法：window.getComputedStyle(element,[ pseudoElement])

参数如下：

element（Object）：伪元素的所在的DOM元素；

pseudoElement（String）：伪元素类型。可选值有：”:after”、”:before”、”:first-line”、”:first-letter”、”:selection”、”:backdrop”；

demo:

var beforeStyle = window.getComputedStyle(myIdElement, ":before");