Jquery 如何设置具有特定子级的父CSS类的样式

我试图弄清楚如何影响具有特定子级的父类。据我所知，这在CSS3中是不可能的，但在jQuery中可能是可能的

这是父类

.home.x-navbar

这是子类

.x-btn-navbar

要添加到父类的CSS：

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 50%,rgba(0, 0, 0, 0.8) 100%) !important;
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.37) 50%,rgba(0, 0, 0, 0) 100%) !important;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 50%,rgba(0, 0, 0, 0.8) 100%) !important;

---

当父类css有一个特定的子类时，我需要什么jQuery代码来实现它？

我希望我正确理解您的问题。我认为这是您需要的Jquery代码：

var defaultCssRule = "linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 50%,rgba(0, 0, 0, 0.8) 100%) !important";
var myWebkitRule = "-webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.37) 50%,rgba(0, 0, 0, 0) 100%) !important";
$(".home .x-navbar .x-btn-navbar").parents(".x-navbar").css({
    "background": myCssRule,
    "background": myWebkitRule
});

$（文档）.ready（函数（）{
var元素=$（“.x-btn-navbar”）.parent（）；
css（{“背景”）：“线性梯度（到底部，rgba（0，0，0，0.8）0%，rgba（0，0，0，0.8）50%，rgba（0，0，0，0.8）100%）！重要”，
“背景”：“-webkit线性渐变（到底部，rgba（0,0,0,0.8）0%，rgba（0,0,0,0.37）50%，rgba（0,0,0,0）100%）！重要“}）；
});我希望我能正确理解你的问题。我认为这是您需要的Jquery代码：


$（文档）.ready（函数（）{
var元素=$（“.x-btn-navbar”）.parent（）；
css（{“背景”）：“线性梯度（到底部，rgba（0，0，0，0.8）0%，rgba（0，0，0，0.8）50%，rgba（0，0，0，0.8）100%）！重要”，
“背景”：“-webkit线性渐变（到底部，rgba（0,0,0,0.8）0%，rgba（0,0,0,0.37）50%，rgba（0,0,0,0）100%）！重要“}）；
});