个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
<分区>
我正在为图片库开发一个简单的 HTML。图库的每一行可以有 2、3 或 4 个图像。 (在 2-image 行中，每个图像元素都被命名为 type-2，type-3 和 type-4 也是如此。 )
现在我想选择每行的最后一个元素来设置自定义边距。我的 HTML 是这样的:
<div id="content">
<div class="type-2"></div>
<div class="type-2"></div> <!-- I want this, 2n+0 of type-2 -->
<div class="type-3"></div>
<div class="type-3"></div>
<div class="type-3"></div> <!-- this, 3n+0 of type-3 -->
<div class="type-4"></div>
<div class="type-4"></div>
<div class="type-4"></div>
<div class="type-4"></div> <!-- this, 4n+0 of type-4 -->
<div class="type-2"></div>
<div class="type-2"></div> <!-- this -->
<div class="type-3"></div>
<div class="type-3"></div>
<div class="type-3"></div> <!-- this -->
<div class="type-4"></div>
<div class="type-4"></div>
<div class="type-4"></div>
<div class="type-4"></div> <!-- this -->
</div>
我认为以下 CSS 可以工作，但它没有:
.type-2:nth-of-type(2n+0) {margin-right:0;}
.type-3:nth-of-type(3n+0) {margin-right:0;}
.type-4:nth-of-type(4n+0) {margin-right:0;}
这个CSS选择的是:
<div id="content">
<div class="type-2"></div>
<div class="type-2"></div> <!-- selected by .type-2:nth-of-type(2n+0) -->
<div class="type-3"></div> <!-- selected by .type-3:nth-of-type(3n+0) -->
<div class="type-3"></div>
<div class="type-3"></div>
<div class="type-4"></div>
<div class="type-4"></div>
<div class="type-4"></div> <!-- selected by .type-4:nth-of-type(4n+0) -->
<div class="type-4"></div>
<div class="type-2"></div> <!-- selected by .type-2:nth-of-type(2n+0) -->
<div class="type-2"></div>
<div class="type-3"></div> <!-- selected by .type-3:nth-of-type(3n+0) -->
<div class="type-3"></div>
<div class="type-3"></div>
<div class="type-4"></div>
<div class="type-4"></div> <!-- selected by .type-4:nth-of-type(4n+0) -->
<div class="type-4"></div>
<div class="type-4"></div>
</div>
我可以编辑我的 HTML 来实现我想要的，但出于好奇，是否有某种 CSS 可以做到这一点？
编辑:这个问题可能看起来像是询问是否可以将 nth-child 和 nth-of-type 应用于类——不是元素。我已经知道答案是否定的。我真正要求的是一个纯 CSS 解决方案/hack，而选择的答案正是这样做的。
25
4
0
:nth-child(2) 似乎选择了 child 1 内部的东西。 child 1 和 child 3 工作正常。 好像不涉及tag的类型，几个类似但不同的问题都有。我没有看到问题。 https:/
我想用 javascript 隐藏一个特定的 child : #table-detail > tbody > tr:nth-child(10) 基于另一个特定的前一个 child 的内容: #tabl
在我自学 CSS 的过程中，我遇到了伪选择器 :nth-child() (以及它相关的选择器 :nth-last-child() 和 :nth-of-type())。 我已经对它进行了足够的研究，以了
在自学 CSS 的过程中，我遇到了伪选择器 :nth-child() (以及它的相关选择器 :nth-last-child() 和 :nth-of-type())。 我已经对它进行了足够的研究以理解语
我对 nth-of-type 有点困惑伪类，以及它应该如何工作——尤其是与 nth-child 相比类。 也许我的想法是错误的，但是考虑到这个结构 A B 1 2
我对 nth-of-type 有点困惑伪类，以及它应该如何工作——尤其是与 nth-child 相比类。 也许我的想法是错误的，但是考虑到这个结构 A B 1 2
我对 nth-of-type 有点困惑伪类，以及它应该如何工作——尤其是与 nth-child 相比类。 也许我的想法是错误的，但是考虑到这个结构 A B 1 2
我对 nth-of-type 有点困惑伪类，以及它应该如何工作——尤其是与 nth-child 相比类。 也许我的想法是错误的，但是考虑到这个结构 A B 1 2
我对 nth-of-type 有点困惑伪类，以及它应该如何工作——尤其是与 nth-child 相比类。 也许我的想法是错误的，但是考虑到这个结构 A B 1 2
我想避免在自定义 Wordpress 模板中使用函数或循环来为特定元素显示不同的背景颜色。我的问题是需要更改的容器及其父容器。 每个第 1、4、7 等配置文件类都需要有蓝色背景色。每个第 2、5、8
这个问题在这里已经有了答案: What does a space mean in a CSS selector? i.e. What is the difference between .clas
我有 3 个按钮，对于第二个按钮，我试图为其添加额外的边距，但出于某种原因，nth-child 和 nth-of-type 根本没有改变外观。我想我只是不明白它们是如何工作的，所以如果有人可以传播一点
我对 nth-of-type 有点困惑伪类，以及它应该如何工作——尤其是与 nth-child 相比类。 也许我的想法是错误的，但是考虑到这个结构 A B 1 2
我需要在 x 数量的元素之后插入一个 clearfix div，以便我可以获得格式良好的列。 我已经尝试了 :nth-child 和 :nth-of-type 并且我只在前 x 个项目之后添加了一个
遇到一个我想不通的问题。我正在尝试做的一个简单示例: 在类 .row 下第一个“跨度”的每次出现都以红色突出显示，除了第一次出现，它应该以黄色突出显示。 .row span:nth-of-type(1
什么 CSS 选择器可用于选择父元素中的所有奇数元素，但不一定是兄弟元素？ A A A
我正在尝试更改 div 内的奇数 div 的样式。出于某种原因，当 nth-of-type(odd) 在另一个 div 中时，它会影响我的所有 div。这是我的常规 div 和奇数 div 的代码:
这个问题在这里已经有了答案: Can I combine :nth-child() or :nth-of-type() with an arbitrary selector? (9 个回答) Wh
我正在尝试更改 div 内的奇数 div 的样式。出于某种原因，当 nth-of-type(odd) 在另一个 div 中时，它会影响我的所有 div。这是我的常规 div 和奇数 div 的代码:
我有这个 html 代码: CSS: .productWarp .productLine { background-color
我是一名优秀的程序员,十分优秀！