如何在css3选择器上放置少于operater？

Question

如果我有这样的标签

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

如何编写说明

的css规则

  

选择标识为testdiv的标记，其中包含一个样式属性，该属性的height属性值小于400px

这可能吗？

Answer 1

目前的CSS标准是不可能的。 CSS4可能包含一个选择器，但将来会有这个选择器。但是可以使用JavaScript或jQuery。

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

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

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

在SASS中也可以创建函数。