Javascript中带有所有H标记的CSS选择器

Javascript中带有所有H标记的CSS选择器,javascript,prototypejs,css-selectors,Javascript,Prototypejs,Css Selectors,使用Prototype JS库,我想选择所有子链接元素(标签),不管它们的父元素是:H1、H2、H3、H4还是H5(等等),使用一个简单的CSS选择器规则(与进一步的JS相反,比如循环等) 因此,要做到这一点,简单但漫长的方法是: $('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a') 我想我在寻找一个通配符属性,比如h*,它是不存在的 也许上面的例子就是一种方法,但我希望有一种更简单、更简洁、更有效的

使用Prototype JS库,我想选择所有子链接元素(标签),不管它们的父元素是:H1、H2、H3、H4还是H5(等等),使用一个简单的CSS选择器规则(与进一步的JS相反,比如循环等)

因此,要做到这一点,简单但漫长的方法是:

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')
我想我在寻找一个通配符属性,比如h*,它是不存在的

也许上面的例子就是一种方法,但我希望有一种更简单、更简洁、更有效的方法来实现这一点

感谢您的提示。

说:

:header匹配作为header的所有元素,如h1、h2、h3等

向页面上的所有标题添加背景和文本颜色

$(":header").css({ background:'#CCC', color:'blue' });
使用jQuery:

$(":header a")

根据Fabien Ménager对原始问题的评论,除了我已经使用的CSS选择器之外,似乎没有一个简单的CSS选择器可以使用

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')
如果我想对它进行编程,或者空JQuery(这对我来说不是一个选项),那么还有其他选项,但我正在特别寻找CSS规则


感谢所有试图提供帮助的人。

从原型开发人员那里得到了答案。至少就目前而言,这些都是最佳且唯一的解决方案:

$$('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a')
$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

但是,Prototype的下一个版本将允许您选择选择器引擎,并默认为。
:header
伪选择器实际上是Sizzle的一部分,因此在prototype的未来版本中可用(只要您选择Sizzle作为选择器引擎)。我猜它以前没有被包括在内,因为它不是任何规范的一部分。

我认为这是一个方向,因为没有无限多的标题标签,只有5个你错过了OP要求“使用Prototype JS库…”的部分。