使用：content伪元素更改非第一个<thead> <th>元素的内容

如何解决使用：content伪元素更改非第一个<thead> <th>元素的内容

| 我仍然每天都在学习有关CSS的更多信息，并继续对可能发生的事情感到惊讶。例如，我刚刚了解了第一个孩子的伪元素-不知道您可以这样做！因此，由于我仍然感到惊讶，我想我会在这里问，即使我找不到解决方法，也是否有办法完成我所追求的目标。我想更改非第一页上显示的表的元素中的内容。换句话说，当表中断到新页面上并再次呈现时，我想将内容（\“ Cont ... \”）附加到标题单元格。我敲出了一个非常简单的示例，当您在浏览器中进行打印预览时，将产生两页，每页两行。我想在SECOND页面上使用CSS更改元素的内容。有人有想法么？我必须使用CSS进行此操作，我无法更改主要的html，只能更改样式。

<html>
<head>
</head>
<body>
    <table border=\"1\">
        <thead>
            <tr>
                <th>
                    Column 1
                </th>
                <th>
                    Column 2
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Row 1,Column 1</td>
                <td>Row 1,Column 2</td>
            </tr>
            <tr style=\"page-break-after:always;\">
                <td>Row 2,Column 1</td>
                <td>Row 2,Column 2</td>
            </tr>
            <tr>
                <td>Row 3,Column 1</td>
                <td>Row 3,Column 2</td>
            </tr>
            <tr>
                <td>Row 4,Column 1</td>
                <td>Row 4,Column 2</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

解决方法

您也许可以使用：nth-child伪元素。 http://css-tricks.com/5452-how-nth-child-works/ 您只能使用：nth-child（）或：nth-of-type（）定位特定行。我不确定：nth-child可以处理一个范围，因此您可能不得不像这样烦人地将CSS链接起来：

:nth-child(3),:nth-child(4),:nth-child(eleventy!!1!) {properties}

更多： http://www.quirksmode.org/css/nthchild.html 现在，当然，如果您使用的是Sass或Compass，则此链接很简单。签出两个项目。 , 由于内容未作为适用于页面上下文的属性列出，因此我认为您将永远无法实现。但是请记住，这仍在进行中：他们可能会将其添加到您的输入中。尽管有一天，您仍然可以这样做：

@media print {
 @page :nth(n+2) {
  @top-center {
   content: \"something\";
  }
 }
}