获取css变量

getComputedStyle(document.documentElement).getPropertyValue('--primary-color');

设置css变量

document.body.setProperty('--primary-color','#fff');

获取伪类元素

var dom = getComputedStyle(document.body, '::before');

js 获取伪类和css变量相关推荐

使用css伪类选择器,css的伪类选择器的使用
伪类选择器,在不同情况下显示的css,伪类选择器在处理页面的美观是很大帮助.其实很多美丽的按钮或者页面都是有这些基础的知识实现的,掌握好基础很重要. 名字实例说明 :link a:link 选择所 ...
使用js获取伪元素的content
在测试过程中有时候会遇到反爬虫机制,一些元素会使用伪元素,这样在定位元素的时候会定位不到,这时候就要使用js来帮助定位,获取到想要的元素下面是部分代码 //使用js获取伪元素的content Str ...
css 伪类大全,CSS伪类
简介 CSS 伪类 (Pseudo-classes)是W3C里制定的一套选择器的特殊状态,有几十个之多.语法如下: selector:pseudo-class {property: value;} 我 ...
php中的伪类选择器,css伪类选择器介绍
伪类选择器: (推荐学习:css快速入门) 1.link.hover.active.visited a:link(未访问的链接状态),用于定义了常规的链接状态. a:hover(鼠标放在链接上的状态) ...
CSS 伪类: 什么是 CSS 伪类？CSS 伪类怎么分类？ CSS 伪类有哪些？以及分类对应的伪类
本章讲解的内容为 CSS 伪类 . 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一: 什么是 CSS 伪类? 1. CSS 伪类是用来添加一些 ...
html中after伪类原理,css伪类before跟after原理与使用（原）
伪类before和after用于在被选元素的内容前面或后面插入内容. 请使用 content 属性来指定要插入的内容.(只能插入内容) 可以设置所插入内容的样式. 直接上代码: div {width: ...
html中after伪类原理,css :after伪类+content使用说明和方法
首先,这段代码中的content: ".";有什么用,解决了什么问题,为什么要用他? content属性用于定义元素之前或之后放置的生成内容.默认地,这往往是行内内容,不过该内容创 ...
css伪类last,css 伪类:last-child等不起作用(示例代码)
#icons{ border: 1px solid bisque; height: 250px; } #icons .column{//每一列 width:25%; display: inline-b ...
CSS常用伪类选择器详解
1. 用户行为伪类 1.1 :hover selector:hover 表示匹配鼠标经过的selector选择器元素. 应用场景: 鼠标经过元素时的样式变化,Tips提示,下拉列表和过渡动画等细节优 ...
前端培训丁鹿学堂：css伪类选择器（一）
css结构伪类 :nth-child(n) css结构伪类是css比较复杂的选择器.了解了怎么使用以后可以在实际项目中更高效率的写样式. :nth-child(n) 表示当前元素向上查找的父元素的第n ...

js 获取伪类和css变量

获取css变量

设置css变量

获取伪类元素

js 获取伪类和css变量相关推荐

最新文章

热门文章