use: псевдоэлемент content для изменения не первого <thead><th> содержимого элемента - PullRequest
Новая
       0

use: псевдоэлемент content для изменения не первого <thead><th> содержимого элемента

1 голос
/ 24 июня 2011

Я все больше узнаю о CSS каждый день и продолжаю удивляться тому, что возможно.Например, я только что узнал о псевдоэлементе first-child - понятия не имел, что вы можете сделать это!Итак, потому что я продолжаю удивляться, я подумал, что я спрошу здесь, есть ли способ выполнить то, что я хочу, даже если я не могу найти решение.

Я хочу изменитьсодержимое элементов таблицы, отображаемое на не первых страницах.Другими словами, когда таблица разбивается на новую страницу и снова отображается, я хотел бы добавить содержимое ("Cont ...") в ячейки заголовка.

Я показал очень простой пример, которыйпри предварительном просмотре в вашем браузере будут отображаться две страницы, каждая из которых будет иметь две строки.На ВТОРОЙ странице я бы хотел использовать 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>

Ответы [ 2 ]

1 голос
/ 24 июня 2011

Поскольку content не указан в списке как свойство, которое применяется в контексте страницы, я не думаю, что вы когда-либо сможете его достичь. Но помните, что это незавершенная работа: они могут добавить ее на ваш вклад.

Несмотря на это один день вы сможете сделать это вместо этого: 

@media print {
 @page :nth(n+2) {
  @top-center {
   content: "something";
  }
 }
}
1 голос
/ 24 июня 2011

Возможно, вы сможете использовать псевдоэлемент: nth-child.

http://css -tricks.com / 5452-как-я-го ребенка работает /

Вы можете указывать только определенные строки с помощью: 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 - эта цепочка была бы простой. Проверьте оба пункта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...