是否可以仅使用CSS选择基于当前页面的元素？

Question

考虑到我的整个网站都有一个单独的css文件(并且这样做是一种常用技术),我想知道是否有办法body根据当前页面选择网站范围的属性(或实际上任何其他属性)仅使用css.

就像是

body:in('index.html') {
    some properties;
}

body:in('contact.html') {
    other properties;
}

再次,仅限css.我知道使用像php,js,jquery这样的简单解决方案......

Answer 1

除了DOM树中显示的内容之外,选择器没有关于文档的信息,并且DOM不会根据文件名,URL或任何其他此类属性公开有关页面的信息.

从历史上看,有一个@document查询当前URL的规则,但它已从条件规则级别3模块中删除.最可能的原因是缺乏跨供应商实现,因为Gecko中存在唯一已知的实现,如@-moz-document.它是如此糟糕,你在野外发现它的唯一用途不是基于某个页面应用CSS,而只是作为Firefox的CSS黑客攻击.

正如您所说,最简单的解决方法是让每个页面对htmlor body元素应用一个唯一的类,并根据该类选择,无论是通过硬编码还是动态.