Javascript 无法使用jQuery设置宽度

我试图使用jquery根据祖辈元素设置宽度。我可以获得在控制台中显示的正确宽度，但是属性没有添加到元素的css中

我使用这个jquery来设置样式，因为我需要覆盖另一个规则

$(".back .nrl-box").css("cssText", "width:" + nrlwidth + "important");

jQuery（document）.ready（function（）{
var nrlwidth=$（“#nrl main”）
.width（）/1.95+“px”；
控制台日志（nrlwidth）；
$（“.back.nrl box”）.css（“cssText”，“width:+nrlwidth+”重要“）；
$（“#卡”）.flip({
轴：‘y’，
触发器：“单击”，
onEnd:function（）{
console.log（“框翻转”）；
},
});
$（“#card1”）。翻转({
轴：‘y’，
触发器：“单击”
});
美元（“#卡片2”）。翻转({
轴：‘y’，
触发器：“单击”
});
$（“#card3”）。翻转({
轴：‘y’，
触发器：“单击”
});
$（“#card4”）.flip({
轴：‘y’，
触发器：“单击”
});
$（“#card5”）.flip({
轴：‘y’，
触发器：“单击”
});
$（“#card6”）。翻转({
轴：‘y’，
触发器：“单击”
});
$（“#card7”）。翻转({
轴：‘y’，
触发器：“单击”
});
$（“#卡”）。单击（函数（）{
$（“#card1”）.toggle（）；
$（“#card4”）.toggle（）；
$（“#card5”）.toggle（）；
});
});
.nrl框{
盒影：4px4p2p8888；
颜色：#006699！重要；
背景：线性梯度（到底部，#dbdb 0%，#f2f100%）；
边框颜色：#B3；
填充：8px！重要；
字体：12px/20px“Helvetica Neue”，Helvetica，Arial，无衬线；
边界半径：0px！重要；
边缘底部：15px！重要；
文本对齐：居中；
}
.col-sm-3{
宽度：25%！重要；
高度：200px！重要；
边界半径：10px！重要；
边缘底部：10px；
边缘顶部：20px；
}
.前线{
高度：195px！重要；
z指数：2；
位置：相对位置；
}
#卡片1{
位置：相对位置；
}
.回来{
z指数：1000000000！重要；
位置：相对位置；
}
.行{
位置：相对位置；
}

3.
3.
重复内容
一次
3.
重复内容
一次
3.
重复内容
一次
3.
重复内容
一次
3.
重复内容
一次
3.
重复内容
一次
3.
重复内容
一次
选择器
.back.nrl框
将选择元素
。nrl框
位于元素
内。back
-这就是空格的作用

看起来您想要选择一个包含两个类的元素，因此您想要的选择器是
.back.nrl box
函数将覆盖您设置的任何宽度。因此，在翻转功能后移动宽度设置：

$("#card").flip({
  axis: 'y',
  trigger: 'click',
     onEnd: function() {
            console.log('Box Flips');
        },
});
$(".back.nrl-box").css("width", nrlwidth);

请注意
.css（）
行中的更改

可能无法解决您的问题，但不应以<代码>为先？另外，您是否尝试使用更具体的选择器？像
$（“.col-sm-3>.back.nrl box”）
是的，这是我的输入错误，但没有解决问题。你可以尝试更具体的选择器吗？我尝试更改为特定的ID，但没有乐趣
nrlwidth+“重要”
应该是
nrlwidth+“！重要”
。注意
important
之前的空格和感叹号，我相信这与我现在的jquery flip插件有关using@Top-Bot-没错，flip插件正在覆盖一些内联样式，包括
宽度
。尝试设置
minwidth
属性，因为这将优先于样式（因为您的值更大），并在插件重写时保持不变。