Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery选择伪元素_Jquery_Css_Jquery Selectors_Pseudo Element - Fatal编程技术网

使用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选择整

如何将这段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不会影响任何东西,可能操作实际会