如何在css3选择器上放置小于运算符

Question

如果我有这样的标签

<div id='testdiv' style='height:300px;'></div>

我如何写一个css规则，说

选择id为testdiv的标记，其中它包含一个具有高度属性的样式属性，该属性的值小于400px

这可能吗？

Answer 1

这在CSS的当前标准中是不可能的。CSS4可能会为它包含一个选择器，但这是在遥远的未来。然而，使用JavaScript或jQuery是可能的。

必须注意的是，ID必须是唯一的。如果你想使用相同的名称，你应该使用类。

在jQuery中，filter函数应该能够解决这个问题。

var smallDivs = $(".test-div").filter(function() {
    return $(this).css("height") < 400;
});

在SASS中也可以创建函数。