css - 如何使用 css 单独在 css 中查找列表元素，即不依赖于 css3？

Question

我正在尝试使用 css 选择一个元素，但我不能使用 css3，因为它适用于较旧的系统，所以我无法使用。

nth-last-child(2)

有没有办法在css中做到这一点

Answer 1

您可以像这样使用 jQuery 添加一个类:

// #css3 and .query can be any css3 selector
$("#css3 .query:nth-last-child(2)").addClass("lasties2")

然后在您的 css 中定义类 (lasties2)。如果您不能使用 JavaScript 或正在使用不同的库，或者不想使用某个库，请说明。 mootools 和 prototype 等其他库将有办法实现相同的目的。在不支持 CSS3 的环境中使用纯 JavaScript 会遇到更大的困难，但这是可能的。如果您不能或不想使用 JavaScript，则必须手动向相关元素添加一个类。

javascript 和手动方法的一个警告是，如果页面由 javascript 修改，行为将不匹配 css3。使用 CSS3，如果从最后一个子项开始的第 n 个发生变化，那么新的将获得样式，使用 jquery 或手动分类它将坚持初始的。这是一个说明我的意思的 jsfiddle:http://jsfiddle.net/CSExB/35/

如您所见，如果您尝试过 fiddle，可以使用 javascript 修复此问题，方法是首先删除该类，然后进行修改，最后重新应用该类，例如上面的代码将是:

$("#css3 .query:nth-last-child(2)").removeClass("lasties2");
$("#css3").append('<p class="query">something</p>');
$("#css3 .query:nth-last-child(2)").addClass("lasties2");