Stylish: How to write one style "css changes" for several different subpages?

Stylish: How to write one style "css changes" for several different subpages? (one domain)

I will open Stylish and I write style. (domain: "https://www.tipsport.cz") In this time is all modification only for sub?page "https://www.tipsport.cz/forum". Very cheerful page, sometimes. Many things I have modified here.
Problem: Can I just write a few changes for the other (sub)pages? WITHIN ONE STYLE?

Specifically for "https://www.tipsport.cz/live". There I began working with the Panels. But there are things that affect on many other subpages. (including 'forum')
I tried to look ... (all in English). First, I found 'Is_page', but it probably will not it. But.. I found this: .page-id-xxxxx. (xxxxx = ID subpage, THIS IS ONLY FOR WORDPRESS? Now I think .. ( or ... Every page and subpage have ID? )
If it works on any subpage, I do not understand 'how to'..
I trust that you understand. maybe a bit stupid question. But I do not want to write five 'Stylish Style'. And I do not know how after writting with the distribution and installation "my style" for other friends. I write not only for themselves.

As an example of dysfunctional. I put here my dysfunctional code (example):

.zindexUi {   color: green;
/* It works. Name of left panel "TIKET" - <a href="https://www.tipsport.cz/forum" rel="nofollow">https://www.tipsport.cz/forum</a> */ }
 
#ticketContentId {   background-color: green;
/* It works. Place after "TIKET" - <a href="https://www.tipsport.cz/forum" rel="nofollow">https://www.tipsport.cz/forum</a> */ }
 
.page-id-live .zindexUi {   color: red;
/* It does NOT works. Name of left panel "TIKET" - <a href="https://www.tipsport.cz/live" rel="nofollow">https://www.tipsport.cz/live</a> */ }
 
.page-id-live #ticketContentId {   background-color: red;
/* It does NOT works. Place after "TIKET" - <a href="https://www.tipsport.cz/live" rel="nofollow">https://www.tipsport.cz/live</a> */ }

---------------
Radek