Questions tagged «css-selectors»

我试图通过将动画应用于每个子元素来创建级联效果。我想知道是否有比这更好的方法： .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; } 依此类推...因此，基本上，我希望每个孩子都有一个动画开始，但要有一个延迟。感谢您的输入！ 另外：也许我没有正确解释我所关注的问题：无论我有多少孩子，这都是关于如何做到这一点的。如何执行此操作而不必写下每个孩子的属性……例如，当我不知道会有多少个孩子时。

71 animation  css  delay  css-selectors 

问题出在此CSS和HTML之内。这是jsFiddle的链接带有示例代码的。 的HTML <ul> <li class"complete">1</li> <li class"complete">2</li> <li>3</li> <li>4</li> </ul> 的CSS li.complete:last-child { background-color:yellow; } li.complete:last-of-type { background-color:yellow; } 这两行CSS都不应该针对带有“ complete”类的最后一个li元素吗？ jQuery中的此查询也不针对它： $("li.complete:last-child"); 但这确实做到了： $("li.complete").last(); 显示代码段 li { background-color: green; } li.complete:first-child { background-color: white; } li.complete:first-of-type { background-color: red; } li.complete:last-of-type { background-color: blue; } li.complete:last-child { background-color: yellow; …

71 html  css  css-selectors 

是否有某种“非” CSS选择器？ 例如，当我在CSS中编写以下行时，带有类classname的标记内的所有输入字段将具有红色背景。 .classname input { background: red; } 如何选择类名为class的标签之外的所有输入字段？

70 css  css-selectors 

我正在使用这个： jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); 页面结构： <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> 仅当您没有多个class1 / class2集时，它才起作用： <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> 如何更改初始jquery代码，使其仅影响单击的class1下的class2？我尝试了如何获得$（this）选择器的子级的建议？但没有成功。

70 jquery  css-selectors  children 

这个问题困扰了我一段时间。像这样编写与元素属性进行比较的CSS选择器时。 a[rel="nofollow"] 我永远不知道该如何使用引号。他们真的有必要吗？ 基本上，这是什么规范，因为我无法在网站上找到它。 所有这些都被认为有效吗？ a[rel="nofollow"] a[rel='nofollow'] a[rel=nofollow]

70 css  string  css-selectors 

我有一个嵌套的可排序列表，可以动态添加或删除项目，并且可以嵌套n级。嵌套时，会将新的ul元素注入选择为父元素的li元素中。列表的初始状态如下所示： <ul id="parent"> <li id="One"><a href="" class="listLink"><span class="position">1</span>One</a></li> <li id="Two"><a href="" class="listLink"><span class="position">2</span>Two</a></li> <li id="Three"><a href="" class="listLink"><span class="position">3</span>Three</a> <ul> <li id="A"><a href="" class="listLink"><span class="position">1</span>A</a></li> <li id="B"><a href="" class="listLink"><span class="position">2</span>B</a></li> <li id="C"><a href="" class="listLink"><span class="position">3</span>C</a></li> <li id="D"><a href="" class="listLink"><span class="position">4</span>D</a></li> <li id="E"><a href="" class="listLink"><span class="position">5</span>E</a></li> <li id="F"><a href="" class="listLink"><span class="position">6</span>F</a></li> </ul> …

68 javascript  css  mootools  css-selectors 

默认输入类型为“文本”。我一直认为，input[type='text']即使没有在控件上明确声明类型，CSS声明定位也会影响这些输入。但是，我只是注意到我的默认类型文本输入没有获得样式。为什么会这样呢？我该如何解决呢？ input[type='text'] { background: red; } <input name='t1' type='text' /> /* Is Red */ <input name='t1' /> /* Is Not Red */ 运行代码段Hide results展开摘要

67 css  css-selectors 

假设我有： <li id="1">Mary</li> <li id="2">John, Mary, Dave</li> <li id="3">John, Dave, Mary</li> <li id="4">John</li> 如果我需要查找包含“ John”和“ Mary”的所有<li>元素，我将如何构造jQuery？ 搜索单个字符串似乎很容易： $('li:contains("John")').text() 我正在寻找类似以下伪代码的内容： $('li:contains("John")' && 'li:contains("Mary")').text() 谢谢！

67 jquery  jquery-selectors  css-selectors  contains