Javascript jQuery可以根据CSS规则而不是类进行选择吗？

一个

.container

可以包含许多

.components

，而

.components

本身可以包含

.container

（容器反过来可以包含.components等）

给定如下代码：

$(".container .component").each(function(){
  $(".container", this).css('border', '1px solid #f00');
});

我需要在大括号内的行中添加什么，以便仅选择嵌套的

.containers

，这些容器的

宽度在CSS中设置为
auto
？我相信这很简单，但我还没有真正使用jQuery那么多

$(".container .component").each(function() {
    if ($(".container", this).css('width') === "auto")
        $(".container", this).css('border', '1px solid #f00');
});

与另一个答案类似，但由于组件也可以有多个容器，因此还需要.each（）在此处签入宽度。
您可能需要查看
.filter（）

比如：

$('.container .component .container')
.filter(function() {return $(this).css('width') == 'auto';})
.css({border: '1px solid #f00'});

非常感谢您的回复。理想情况下，我希望在选择器中包含CSS规则，这样我就有了一组.component中的所有.container，它们的CSS宽度为：auto，但没关系。
$('.container .component .container')
.filter(function() {return $(this).css('width') == 'auto';})
.css({border: '1px solid #f00'});