how to have landscape and portrait pages in one document in web using css, js,

I want to print page 1 in portrait and page 2 in landscape that both are in one web page but

@page {size: landscape}

in css makes whole document(web page) printable pages landscape. how can customize it for every page?(my purpose of the page here is page in print)

we can have first page landscape and other pages portrait with

@page:first {
    size: landscape;
}

but it works only for first page. How to work for other pages like this(ex: First page portrait and other pages landscape)?