Как выбрать вторую или третью тему в печати с помощью селектора CSS

Есть ли способ выбрать повторение на основе элемента thead в режиме печати следующим образом:

thead:nth-of-type(1), thead:nth-of-type(2) {
  color: red;
}

В предварительном просмотре печати, когда мой контент в теле настолько длинный, мой контент разбился на более чем одну страницу и повторяется тег thead, теперь я хочу установить некоторый стиль только для первого экрана

Когда я пытаюсь распечатать страницу, я хочу установить стиль только для первого элемента thead.

Smok 21.05.2018 08:01

Моя проблема в предварительном просмотре печати, когда тег ad повторяется автоматически,

Smok 21.05.2018 08:05

что вы имеете в виду под thead tag repeated automatically? у вас больше одного стола? Вы можете написать пример вывода вашей проблемы в формате html?

Mihai T 21.05.2018 08:07

@MihaiT Но это одна таблица, разбросанная по разным печатным страницам, причем заголовок повторяется на каждой странице.

Mr Lister 21.05.2018 08:08

В предварительном просмотре печати, когда содержимое моего тела слишком велико, мое содержимое разбивается на несколько страниц и повторяется тег thead, теперь я хочу установить какой-то стиль только для первого кадра.

Smok 21.05.2018 08:17

я не знаю, сможешь ли ты это сделать. существует правило css @page вместе с `: first`, но вы не можете стилизовать элементы внутри страницы, только саму страницу developer.mozilla.org/en-US/docs/Web/CSS/%40page

Mihai T 21.05.2018 08:26

Я попробовал поэкспериментировать с JavaScript, написав <thead style = "color:red">, а затем document.querySelector('thead').style = ''; сразу после него в tbody, но это работает слишком хорошо: он также удаляет стиль из первого напечатанного объявления. И тот, что на экране.

Mr Lister 21.05.2018 08:35
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
7
187
0

Другие вопросы по теме