Tag: css selectors

“包含栏的foo”的CSSselect器?

可能重复: 有一个CSS父母select器? 有没有办法使CSSselect符匹配以下? All OBJECT elements which have a PARAM element inside of them select器 OBJECT PARAM 不起作用,因为它符合PARAM,而不是OBJECT。 我想将{display:none}应用于对象; 将它应用于参数是无用的。 (我知道我可以使用jQuery – $("object param").closest("object") – 但我试图在页面上创buildCSS规则。

延迟每个子元素的CSSanimation

我试图通过对每个子元素应用animation来创build级联效果。 我想知道是否有更好的办法做到这一点: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear 0.2s forwards; } .myClass img:nth-child(4){ -webkit-animation: myAnimation 0.9s linear 0.3s forwards; } .myClass img:nth-child(5){ -webkit-animation: myAnimation 0.9s linear 0.4s forwards; } 等等…所以基本上,我想要为每个孩子开始一个animation,但延迟。 感谢您的任何意见! 另外:也许我没有正确解释我的担心:不pipe我有多less孩子,如何做到这一点。 如何做到这一点,而不必写下每个孩子的财产…例如,当我不知道会有多less孩子。

我怎样才能得到第二个孩子使用CSS?

我有一个dynamic创buildtd的table 。 我知道如何得到第一个和最后一个孩子,但我的问题是: 有没有办法让第二个或第三个孩子使用CSS?

如果select器不匹配,如何运行CSS3animation到最后?

我一直认为CSS3animation(不同于CSS3转换) 一旦开始,总是完成作业 ,不pipeselect器是否不再匹配激活它们的元素。 我今天意识到我可能是错的。 在下面的例子中,animation是由:focus和:active伪类触发的。 关注第一个文本框: 如果您慢慢按下Tab键,您将看到正确的animation开始和结束; 如果您快速按下Tab键,您将看到一旦新元素获得焦点,旧元素的animation立即结束并消失。 @-webkit-keyframes pressed { 0%, 100% { transform : scale(1); } 50% { transform : scale(2); } } @keyframes pressed { 0%, 100% { transform : scale(1); } 50% { transform : scale(2); } } a:focus, a:active { -webkit-animation : pressed 2s; animation : pressed 2s; } a, […]

无效的CSSselect器会导致规则被删除:原因是什么?

我正在寻找更多的链接到邮件列表讨论等,而不是猜测。 任何人都可以帮我找出CSS Selectors Level 3规范中引用的error handling规则背后的基本原理。 用户代理必须遵守处理分析错误的规则: 包含未声明的名称空间前缀的简单select器无效 包含无效简单select器,无效组合器或无效标记的select器无效。 包含无效select器的一组select器是无效的。 重复使用select器的规范必须定义如何处理parsing错误。 (在CSS的情况下,放弃使用select器的整个规则。) 我有以下规则: #menu li.last, #menu li:last-child { … } 为了弥补IE8缺乏最后一个孩子的支持,我使用了一个类和一个JavaScript垫片。 但是,这不起作用,因为IE8符合error handling的CSS规范,并放弃整个规则,因为它不能识别一个select器。 这可以通过将两个select器分为单独的规则来解决。 为什么这是可取的? 为什么规范不提示简单地丢弃无法识别的select器,而是保持规则的其余部分? 我想知道这个理由,因为目前的规则似乎是违反直觉的。

CSS:怎么说.class:最后types

可能重复: 如何在CSS中select具有特定类名的“最后一个孩子”? 正如标题所说,我想将css规则应用到某个类的某个类的最后一个元素。 以下代码完美地工作: div:last-of-type { margin-right:0; } 但我想要的东西 div.class:last-of-type { margin-right:0; } 如何做到这一点?

jQuery:包含select器来search多个string

假设我有: <li id="1">Mary</li> <li id="2">John, Mary, Dave</li> <li id="3">John, Dave, Mary</li> <li id="4">John</li> 如果我需要find包含“John”和“Mary”的所有<li>元素,我将如何构buildjQuery? search一个string似乎很容易: $('li:contains("John")').text() 我正在寻找像下面的伪代码: $('li:contains("John")' && 'li:contains("Mary")').text() 谢谢!

jQuery:同时select一个元素的类和id?

我有一些链接,我想同时select类和id。 这是因为我有两种不同的行为。 当一类链接有一个类名时,它们的行为是一种方式,当链接相同的类获得另一个类名时,它们的行为是不同的。 类名与jQuery切换。 所以我必须能够同时select一个链接类和id。 这可能吗? 我试过了: $("a .save #country") 没有任何结果。

在CSS中recursion地select所有子元素

你怎么可以recursion地select所有的子元素? div.dropdown, div.dropdown > * { color: red; } 这个类只在定义的className和所有直接的子类中引发一个类。 你怎么能以一种简单的方式,挑选像这样的所有childNodes: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }

是否有一个解决方法,使CSS名称以数字开头有效的类?

是否引用名称以数字开头的CSS类不起作用? 例如我发现一个类的背景是: .000000-8 {background:url(../..http://img.dovov.comcommon/000000-0.8.png);} .8FFFFFF {background:url(../..http://img.dovov.comcommon/FFFFFF-0.8.png);} 在我所拥有的大多数浏览器中都不起作用,而CSS语法显示出来,但是我的问题是有一个解决方法 ,使得名称以数字开头的CSS类有效吗? 。