CSS on all pages except one

Just now, Ahmed77 said:

Site URL: https://www.thirstforallah.com

Hey all, currently I have the following CSS applying a gentle fade on all pictures on my site upon hover. I would like to exclude my splash page, as there is a image block there that I do not want fading. 

img {
   transition: all ease-in-out 500ms !important;
}
.sqs-block-image:hover img, .slide:hover img, img:hover {
  -webkit-filter: brightness(0.7) !important;
  filter: brightness(0.7) !important;
}
img {
  -webkit-backface-visibility: hidden;
  transform: translate3d(0px,0px,0px);
}

Rather than manually enter every single collection id prior to the code (I plan on dramatically expanding the site) - how can I apply to all other pages and exclude the splash. This is the collection ID for the splash page: collection-5e8c158b6e74072ae107edaa

I'm still learning here. Thanks!

You can do like this

body:not(#collection-5e8c158b6e74072ae107edaa) img {
   transition: all ease-in-out 500ms !important;
}
body:not(#collection-5e8c158b6e74072ae107edaa) .sqs-block-image:hover img, 
body:not(#collection-5e8c158b6e74072ae107edaa) .slide:hover img, 
body:not(#collection-5e8c158b6e74072ae107edaa) img:hover {
  -webkit-filter: brightness(0.7) !important;
  filter: brightness(0.7) !important;
}
body:not(#collection-5e8c158b6e74072ae107edaa) img {
  -webkit-backface-visibility: hidden;
  transform: translate3d(0px,0px,0px);
}

On 6/23/2020 at 11:27 PM, bangank36 said:

You can do like this

body:not(#collection-5e8c158b6e74072ae107edaa) img {
   transition: all ease-in-out 500ms !important;
}
body:not(#collection-5e8c158b6e74072ae107edaa) .sqs-block-image:hover img, 
body:not(#collection-5e8c158b6e74072ae107edaa) .slide:hover img, 
body:not(#collection-5e8c158b6e74072ae107edaa) img:hover {
  -webkit-filter: brightness(0.7) !important;
  filter: brightness(0.7) !important;
}
body:not(#collection-5e8c158b6e74072ae107edaa) img {
  -webkit-backface-visibility: hidden;
  transform: translate3d(0px,0px,0px);
}

 

This worked BEAUTIFULLY. Thank you for your help!