使用jquery选择伪元素
如何将这段css转换为jquery使用jquery选择伪元素,jquery,css,jquery-selectors,pseudo-element,Jquery,Css,Jquery Selectors,Pseudo Element,如何将这段css转换为jquery .nav li a:first-child:nth-last-child(2):before { content:""; position: absolute; height:0; width: 0; border: 5px solid transparent; top: 50% ; right:5px; } 我试过几种不同的方法,但没有一种方法能奏效。其中,css仅在jquery选择整
.nav li a:first-child:nth-last-child(2):before {
content:"";
position: absolute;
height:0;
width: 0;
border: 5px solid transparent;
top: 50% ;
right:5px;
}
我试过几种不同的方法,但没有一种方法能奏效。其中,css仅在jquery选择整个锚之前进行选择
$(".nav li a:first-child:nth-last-child(2)").before().css(...); // did not work
$(".nav li a:first-child:nth-last-child(2)").before(function(){
$(this).css(...);
}); // did not work
我也尝试了很多其他的东西,让我知道你们的想法,谢谢
HTML:
-
-
-
-
这就是css的外观
Javascript无法修改:before,:after伪选择器 您的问题的解决方案是将css规则直接添加到css文件中。
Javascript无法修改:before,:after伪选择器 您的问题的解决方案是将css规则直接添加到css文件中。
Javascript无法修改:before,:after伪选择器 您的问题的解决方案是将css规则直接添加到css文件中。
Javascript无法修改:before,:after伪选择器 您的问题的解决方案是将css规则直接添加到css文件中。
首先将css存储到对象中:
var css =
{
"content":"",
"position":"absolute",
"height":"0",
"width":"0",
"border":"5px solid transparent",
"top":"50%",
"right":"5px"
};
然后在调用任何其他函数之前调用css函数:
$(".nav li a:first-child:nth-last-child(2)").css(css).before(function(){
});
我相信您需要在调用其他函数之前调用css函数 首先将css存储到对象中:
var css =
{
"content":"",
"position":"absolute",
"height":"0",
"width":"0",
"border":"5px solid transparent",
"top":"50%",
"right":"5px"
};
然后在调用任何其他函数之前调用css函数:
$(".nav li a:first-child:nth-last-child(2)").css(css).before(function(){
});
我相信您需要在调用其他函数之前调用css函数 首先将css存储到对象中:
var css =
{
"content":"",
"position":"absolute",
"height":"0",
"width":"0",
"border":"5px solid transparent",
"top":"50%",
"right":"5px"
};
然后在调用任何其他函数之前调用css函数:
$(".nav li a:first-child:nth-last-child(2)").css(css).before(function(){
});
我相信您需要在调用其他函数之前调用css函数 首先将css存储到对象中:
var css =
{
"content":"",
"position":"absolute",
"height":"0",
"width":"0",
"border":"5px solid transparent",
"top":"50%",
"right":"5px"
};
然后在调用任何其他函数之前调用css函数:
$(".nav li a:first-child:nth-last-child(2)").css(css).before(function(){
});
我相信您需要在调用其他函数之前调用css函数 不确定这与
:before
的工作原理完全相同,但是如果使用jQuery插入
-标记,然后调整
的CSS会怎么样?即
$(".nav li a:first-child:nth-last-child(2)").prepend('<span class="before-hack" />');
$('.before-hack').css(...);
$(“.nav li a:第一个孩子:第n个最后一个孩子(2)”).prepend(“”);
$('.before hack').css(…);
这里有一个小问题:不确定它的工作原理是否与
:before
完全相同,但是如果使用jQuery插入
-标记,然后调整
的CSS会怎么样?即
$(".nav li a:first-child:nth-last-child(2)").prepend('<span class="before-hack" />');
$('.before-hack').css(...);
$(“.nav li a:第一个孩子:第n个最后一个孩子(2)”).prepend(“”);
$('.before hack').css(…);
这里有一个小问题:不确定它的工作原理是否与
:before
完全相同,但是如果使用jQuery插入
-标记,然后调整
的CSS会怎么样?即
$(".nav li a:first-child:nth-last-child(2)").prepend('<span class="before-hack" />');
$('.before-hack').css(...);
$(“.nav li a:第一个孩子:第n个最后一个孩子(2)”).prepend(“”);
$('.before hack').css(…);
这里有一个小问题:不确定它的工作原理是否与
:before
完全相同,但是如果使用jQuery插入
-标记,然后调整
的CSS会怎么样?即
$(".nav li a:first-child:nth-last-child(2)").prepend('<span class="before-hack" />');
$('.before-hack').css(...);
$(“.nav li a:第一个孩子:第n个最后一个孩子(2)”).prepend(“”);
$('.before hack').css(…);
这里有一把小提琴:你能给我们看一下你导航的HTML代码吗?你确定你的意思是
。nav li a:第一个孩子:第n个最后一个孩子(2):在
之前?我做了一把小提琴,CSS似乎根本不会影响代码的任何部分@尼弗勒:没关系;你不能从JS中操纵伪元素。@Mathletics我认为,既然给定的CSS不会影响任何东西,那么OP实际上可能意味着“:before”。。。如果没有,那当然太糟糕了…CSS中的代码工作得非常好,它没有显示的原因是因为我有另一个CSS影响它的颜色。你能给我们看看你导航的HTML代码吗?你确定你的意思是。nav li a:第一个孩子:第n个最后一个孩子(2):在之前?我做了一把小提琴,CSS似乎根本不会影响代码的任何部分@尼弗勒:没关系;你不能从JS中操纵伪元素。@Mathletics我认为,既然给定的CSS不会影响任何东西,那么OP实际上可能意味着“:before”。。。如果没有,那当然太糟糕了…CSS中的代码工作得非常好,它没有显示的原因是因为我有另一个CSS影响它的颜色。你能给我们看看你导航的HTML代码吗?你确定你的意思是。nav li a:第一个孩子:第n个最后一个孩子(2):在之前?我做了一把小提琴,CSS似乎根本不会影响代码的任何部分@尼弗勒:没关系;你不能从JS中操纵伪元素。@Mathletics我认为,既然给定的CSS不会影响任何东西,那么OP实际上可能意味着“:before”。。。如果没有,那当然太糟糕了…CSS中的代码工作得非常好,它没有显示的原因是因为我有另一个CSS影响它的颜色。你能给我们看看你导航的HTML代码吗?你确定你的意思是。nav li a:第一个孩子:第n个最后一个孩子(2):在之前?我做了一把小提琴,CSS似乎根本不会影响代码的任何部分@尼弗勒:没关系;您不能从JS中操作伪元素。@Mathletics我认为,由于给定的CSS不会影响任何东西,可能操作实际会