博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
常用伪元素及content属性值的使用
阅读量:6839 次
发布时间:2019-06-26

本文共 756 字,大约阅读时间需要 2 分钟。

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");

 

转载于:https://www.cnblogs.com/lvxisha/p/9658121.html

你可能感兴趣的文章
iOS强制屏幕旋转
查看>>
js:如何在循环异步请求的每次返回中添加想要的值
查看>>
POJ-1258 Agri-Net(kruskal最小生成树)
查看>>
BZOJ-1644: [Usaco2007 Oct]Obstacle Course 障碍训练课(SPFA)
查看>>
LaTeX 简介与安装
查看>>
(28)SpringBoot启动时的Banner设置【从零开始学Spring Boot】
查看>>
内核配置中 ramdisk 大小修改
查看>>
socket通信时如何判断当前连接是否断开--select函数,心跳线程,QsocketNotifier监控socket...
查看>>
Beta 冲刺(4/7)
查看>>
BeautfuiSoup4解析器
查看>>
新的开始,连菜鸟都算不上的程序媛
查看>>
使PropertyGrid控件的属性值可以显示多行的方法
查看>>
beta版本冲刺四
查看>>
Lua date format
查看>>
Struts2的简单认识
查看>>
ecshop支付方式含线下自提
查看>>
[zz] 深入java虚拟机之本地方法
查看>>
mysql-5.7 innodb 的并行任务调度详解
查看>>
js---PC端滑动进度条
查看>>
Spark 1.0 开发环境构建:maven/sbt/idea
查看>>