CSS 选择器 - 表中的第一个 h2

标签 css css-selectors

我正在尝试选择此表中的第一个 h2(称为“样式”),但确实很困难。我已经尝试过第 nth-of-type 和 first of type。

有人可以告诉我我做错了什么/编辑我的 fiddle 。

http://jsfiddle.net/SparrwHawk/JxZ6Y/

最佳答案

:nth-of-type(1)选择器匹配作为其父元素的特定类型的第一个子元素的每个元素。您所有的 h2 都是其父项 (a td) 的第一个子项。

如果<h2>在语义上是不同的(因此,如果您希望它以不同的方式设置样式,那肯定是这样),您应该向它添加一个类( <h2 class="its-semantic"> )并通过该类选择它: table h2.its-semantic

关于CSS 选择器 - 表中的第一个 h2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9114370/

相关文章:

html - 使列表项适合其内容

javascript - 制作 Javascript 简单的幻灯片

Css href 按钮

css - 直接子 CSS 选择器问题

html - 通过输入:checked - pure css选择html

jquery - 将 CSS 应用于表格的第一个和最后一个 TH

css - 如何使用 CSS 调整大小以水平适应 html 元素?

javascript - 运行此js代码后占位符的文本消失

html - 在复选框 hack 中规避 id 选择器

html - CSS下拉菜单: What is the fastest selector?