jq 修改元素css伪类样式

css伪元素是什么：

  CSS 伪元素用于向某些选择器设置特殊效果。

伪元素有哪些：

  :first-line 伪元素："first-line" 伪元素用于向文本的首行设置特殊样式。:first-letter 伪元素："first-letter" 伪元素用于向文本的首字母设置特殊样式。:before 伪元素：":before" 伪元素可以在元素的内容前面插入新内容。:after 伪元素：":after" 伪元素可以在元素的内容之后插入新内容。

例子：

.legend-custom > li:nth-child(8):before {background: #CE97B0;}

jq修改：

 $('.legend-custom li:nth-child(8)').append("<style>'.legend-custom li:nth-child(8):before{background: #E5B299;}</style>")

效果：

jq 修改元素css伪类样式相关推荐

css修改select选择框option被选中的背景颜色_这 16 个 CSS 伪类，助你提升布局效率！
作者:Chidume Nnamdi 译者:前端小智来源:mediuum 大家都说简历没项目写,我就帮大家找了一个项目,还附赠[搭建教程]. css 伪类是用于向某些选择器添加特殊的效果,是动态的,指 ...
2天驾驭div+css_老婆竟然只知道几个css伪类，不行得惩罚她了
最近在教我老婆学习前端,她说想要学习前端,自己在家赚点外快,自己赚点家用.我也拗不过她,而且其实我也挺佩服的.所以就教她了.最近我想考一考她对css中伪类的了解,所以就问了她了解css多少个伪类,伪类 ...
html input选中样式,CSS 伪类修改input选中样式的示例代码
注:该表引自W3School教程伪元素的分类及作用: 下面通过代码看下CSS 伪类修改input选中样式的示例代码,代码如下所示: 主要是用到了after伪类和字体符号. input{ -webki ...
CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器伪元素选择器伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
css伪类与伪元素的区别
css伪类与伪元素的区别 1.伪类(pseudo-classes) 2.伪元素(Pseudo-elements) 3.伪类与伪元素的区别 1.伪类(pseudo-classes) 其核心就是用来选择D ...
CSS 伪类与伪元素
CSS的元素选择器除了根据id(#).class(.).属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素.它们就是伪类和伪元素.跟id选择器.类选择器.属性选择器以及派生 ...
理解css伪类和伪元素
伪类就是可以通过直接添加一个类样式达到同等效果,而伪元素,则需要先添加一个元素,然后在元素上添加样式才能达到同等效果伪类 :active 向被激活的元素添加样式. :focus 向拥有键盘输入焦点的 ...
【重识 HTML + CSS】CSS 伪类、伪元素
CSS 伪类.伪元素伪类 (pseudo-classes) 动态伪类 (dynamic pseudo-classes) :link.:visited.:hover.:active :focus 目标 ...
css横向排列_CSS中伪元素和伪类的经典使用技巧
随着前端技术的发展,CSS样式的制作在网页中占据着十分重要的地位.前台页面的样式布局.以及展现给用户的体验效果都离不开CSS;虽然在实际的开发中会大量的使用一些主流的UI样式框架,但这些样式框架每一个 ...

jq 修改元素css伪类样式

jq 修改元素css伪类样式相关推荐

最新文章

热门文章