Как назначить счетчик CSS страницы переменной?

Question

Я хочу использовать значение, сгенерированное counter(pages), чтобы сделать что-то конкретное на последней странице печатного веб-документа с использованием правила @page.

Использование counter(pages) работает нормально дляя в контексте на странице:

    @page {
      @top-right {
        content: counter(pages);
      }
    }

Адресация на конкретной странице также работает нормально:

    @page: nth(69) {
      @top-right {
        content: normal;
      }
    }

Я хочу передать общее число страниц в nth(), какИтак:

    @page: nth(#{counter(pages)}) {
      @top-right {
        content: normal;
      }
    }

Без успеха.

Я пытался использовать переменную SASS:

    $pagecount: 69; // this works
    $pagecount: '69'; // even this works
    $pagecount: #{counter(pages)}; // but this doesn't
    $pagecount: counter(pages); // nor does this
    ...
    @page: nth(#{$pagecount}) {...}
    ...

Когда я пытаюсь использовать динамическое значение, мой код всегда компилируетсядо

    @page :nth(counter(pages)) {}

, что, конечно, ничего не делает.Можно ли получить общее количество страниц в nth()?

Answer 1

Как указывает 3rdthemagical , ответ на на этот предыдущий вопрос достигает того, чего я хочу, не с помощью counter(pages), а вместо этого с помощью именованных страниц на элементе, который расположен на последней странице документа.