Questions tagged «css-selectors»

选择器是与文档树中的元素匹配的模式。在CSS规则中,它们用于为与模式匹配的元素定义样式。


6
每3个div换一个div
是否可以使用nth-child选择器使用来包装3个div .wrapAll?我似乎无法找出正确的方程式。 所以... <div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> 变成... <div> <div class="new"> <div></div> <div></div> <div></div> </div> <div class="new"> <div></div> <div></div> <div></div> </div> </div>

1
为什么使用属性选择器来匹配类?
我找到了一个响应式电子邮件模板的示例,其中有诸如此类的CSS选择器: a[class="btn"] 如果与以下语法完全相同,为什么要使用此语法: a.btn 它对移动浏览器或其他任何影响吗?

2
仅当存在2个类时,才能使用CSS定位元素吗?
您可能已经知道,元素上可能有多个类,这些类之间用空格隔开。 例 <div class="content main"></div> 使用CSS时,您可以div使用.content或来定位.main。当且仅当两个类都同时存在时,才可以将它作为目标吗? 例 <div class="content main">I want this div</div> <div class="content">I don't care about this one</div> <div class="main">I don't want this</div> 我将使用哪个CSS选择器获得第一个选择器div(假设我无法使用.content:first-child或类似的选择器)?


4
从附加元素中获取jQuery对象的更简单方法
有没有一种更简单/更快捷的方法来获取使用jQuery append添加的元素: 如何获取$ selectors元素: $container.append('<div class="selectors"></div>'); var $selectors = $('.selectors', $container); 我试过了: var $selectors = $container.append('<div class="selectors"></div>'); 但这会使$ selectors = $ container 也许这是最快/最好的方法。只是检查。

1
CSS选择器不是元素类型的子级吗?
我想设置code不在a标签内的元素的样式。 什么是实现此目标的最佳方法? code:not(a code)似乎根本不起作用,至少在Chrome上不起作用,即使看起来应该如此 我也无法从控制台运行它。 我还有其他可用于CSS的方法吗?

3
将样式应用于第一行的单元格
它应该很简单,但我无法弄清楚。 我有这样一张桌子: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> 我想使td第一tr行的标签具有vertical-align。但不是第二行。 .category_table td{ vertical-align:top; }

5
如何选择具有特定类别的元素?
我的理解是,使用element.class应该允许分配给类的特定元素接收与该类其余部分不同的“样式”。这不是关于是否应该使用它的问题,而是我正在尝试了解此选择器是如何工作的。通过查看互联网上的大量示例,我相信语法是正确的,并且不明白为什么它不起作用。 这是一个例子: CSS: h2 { color: red; } .myClass { color: green; } h2.myClass { color: blue; } HTML: <h2>This header should be RED to match the h2 element selector</h2> <div class="myClass"> <h1>This header should be GREEN to match the class selector</h1> <h2>This header should be BLUE to match the …

3
纯CSS复选框图像替换
我在表中有一个复选框列表。(该行中的多个CB之一) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> 我想用一对自定义的开/关图像替换复选框图像,我想知道是否有人对如何使用CSS更好地了解? 我已经找到了这个“ CSS ninja”教程,但是我不得不承认发现它对我来说有点复杂。 http://www.thecssninja.com/css/custom-inputs-using-css 据我所知,您可以使用伪类 td:not(#foo) > input[type=checkbox] + label { background: url('/images/off.png') 0 0px no-repeat; height: 16px; padding: 0 …


2
删除所有子元素的CLASS
鉴于以下HTML: <div id="table-filters"> <ul> <li class="active">blah</li> <li>blah</li> <li>blah</li> <li>blah</li> </ul> </div> 使用表过滤器作为jQuery选择器,CLASS=ACTIVE无论LI碰巧处于哪个位置,我如何清除具有的元素? 谢谢


10
更改最后一个<li>的CSS
我想知道是否有某种方法可以使用CSS更改li列表中的最后一个CSS属性。我已经研究过使用:last-child,但是这似乎确实有问题,因此无法为我工作。如有必要,我将使用JavaScript进行此操作,但是我想知道是否有人可以考虑使用CSS解决方案。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.