我正在尝试使用 css 选择一个元素,但我不能使用 css3,因为它适用于较旧的系统,所以我无法使用。
nth-last-child(2)
有没有办法在css中做到这一点
最佳答案
您可以像这样使用 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");
关于css - 如何使用 css 单独在 css 中查找列表元素,即不依赖于 css3?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18244492/