jquery - jqueryの複数クラスセレクター

Question

私はこのCSSの役割を持っています

.sf-menu a.sf-with-ul{padding-left:20px}

jqueryを使ってこの役割を変更したい

次のコマンドを成功させずに試しました

$(function()
{
     $("a.sf-with-ul").css("padding-left", "10px");
     $("a").hasClass(".sf-with-ul").css("padding-left", "10px");
     $("a").filter(".sf-with-ul").css("padding-left","10px")
});

何が問題ですか？

ps

jquery を使用して、この CSS のロールを変更しますか?

.sf-menu li ul li a

Answer 1

これを試して ：

$(function()
{
 $(".sf-menu a.sf-with-ul").css("padding-left", "10px");
});

Answer 2

次のように !important を配置してみてください。

$(function()
{
     $("a.sf-with-ul").css("padding-left", "10px !important");
     $("a").hasClass(".sf-with-ul").css("padding-left", "10px !important");
     $("a").filter(".sf-with-ul").css("padding-left","10px !important")
});