Tag: CSSselect器

如何使Internet Explorer 8支持nth child()CSS元素?

我想给我的表格行提供一个斑马条纹效果。 在所有其他浏览器中,可以使用CSS第n个子元素完成。 但我想要做的IE 8也。 那我该怎么办呢?

在整个文档中匹配某种types的第一个/第n个元素

我如何指定:first-of-type整个文档的:first-of-type ? 我想对HTML的第一个<p>进行样式设置,而不pipe它在哪里(我不想写section p:first-of-type因为它可能位于不同的HTML文档的其他地方)。 p { background:red; } p:first-of-type { background:pink; } p:last-of-type { background:yellow; } <body> <section> <p>111</p> <p>222</p> <p>333</p> </section> <p>444</p> <p>555</p> </body>

为什么table> tr> td在使用子select器时工作?

我真的不明白为什么下面的select按预期工作(即得到td ): table tr td 但是这个不是: table > tr > td td是tr的后代, tr又是table的后代,但他们也是彼此的孩子。 因此,我认为>select器也会起作用。 我做了两个小提琴: 孩子: http : //jsfiddle.net/brLee/ 后裔: http : //jsfiddle.net/brLee/1/ 为什么不是>select器在这里工作?

在jQuery中select最深的孩子

有没有一个吱吱的方法来select一个元素的最深的孩子? 例: <div id="SearchHere"> <div> <div> <div></div> </div> </div> <div></div> <div> <div> <div> <div id="selectThis"></div> </div> </div> </div> <div> <div></div> </div> </div>

CSSselect器中的类名是否区分大小写?

我一直在阅读CSS,不区分大小写,但我有这个select器 .holiday-type.Selfcatering 当我在我的HTML中使用,就像这样,被拿起来 <div class="holiday-type Selfcatering"> 如果我像这样改变上面的select器 .holiday-type.SelfCatering 那么风格不会被拿起来。 有人在说谎。

提高jQueryselect器性能的好方法?

我正在寻找任何方式来提高jQuery调用的select器性能。 具体来说就是这样的: $("div.myclass")比$(".myclass")更快 我认为这可能是,但我不知道如果jQuery是足够聪明的限制search标签名称第一等任何人有任何想法如何制定一个jQueryselect器string的最佳性能?

为什么浏览器从右到左匹配CSSselect器?

浏览器引擎从右到左匹配CSSselect器。 所以他们首先find孩子,然后检查他们的父母,看他们是否符合规则的其余部分。 为什么是这样? 这只是因为规格说明吗? 如果从左到右进行评估,会影响最终的布局吗? 对我来说,最简单的方法就是使用元素数最less的select器。 所以ID首先(因为他们应该只返回1元素)。 然后可能是类或节点数最less的元素 – 例如,页面上可能只有一个跨度,因此可以使用任何引用跨度的规则直接到该节点。 以下是一些支持我的说法的链接 http://code.google.com/speed/page-speed/docs/rendering.html https://developer.mozilla.org/en/Writing_Efficient_CSS 这听起来像是这样做的,以避免必须查看所有的父母的孩子(可能是很多),而不是所有的孩子的父母必须是一个。 即使DOM很深,它也只能在RTL匹配中查看每个级别的一个节点,而不是多个节点。 评估CSSselect器LTR或RTL更简单/更快吗?