具有特定 TD 的表格的 CSS 选择器

Question

我有两张同类的 table

<table class='pp' >
  <tr class='pp'>
    <td class='pppagetitle'>A Table</td>
  </tr>
</table>
<table class='pp' >
  <tr class='pp'>
    <td class='ppinstance'>Another Table</td>
  </tr>
</table>

但只想选择带有 td 类 pppagetitle (!) 的那个 - 有什么指示吗？

Answer 1

.pp:nth-child(1){background:green;}

但这并没有得到很好的支持(不适用于 IE8 及以下)

或者将表放在容器中并使用

:first-child

Example:

<style>
    .container > .pp:first-child{background:green;}
</style>
<div class="container">
    <table class="pp"></table>
    <table class="pp"></table>
</div>

更多文档: Quirksmode.org