CODEWITHSUNDEEP
htmlcssimage
Sophie Jones
Sophie Jones

Reputation: 11

Affect all but one image with CSS code

I'm looking to affect all but one (maybe two) images on my website. I', having a little trouble figuring it out.

Is there some sort of code I add to not affect certain images please?

Here Is the code i'm currently using:

// IMAGE 5 STYLING
#collection-56aa7c3422482efd63ae16e1, #collection-

56aa841e5dc6de4554608778, #collection-55b98395e4b08fff340c1e65,
#collection-5807e5edf7e0abd4e55c38bb{
.sqs-block-image .image-block-wrapper {
height: 150px !important;
width: 150px !important;
margin: 0 auto !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
border-radius: 300px !important;
transition: all ease-in-out 600ms !important;
    img {
      height: 150px !important;
      width: 150px !important;
      padding: 0 !important;
      left: 0 !important;
      top: 0 !important;
      border-radius: 300px !important;
    }
}
.image-caption {
text-align: center;
margin-left: 0px !important;
}
.image-caption p strong {
text-transform: uppercase;
color: #555 !important;
color: #555 !important;
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
transition: all ease-in-out 600ms !important;
}
  .sqs-block-image:hover {
  .image-block-wrapper {
 -webkit-transform:rotate(10deg) !important;
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);}
.image-caption strong {
  letter-spacing: 2px;
}
  }}
// END OF IMAGE 5 STYLING

Thank you for your help :)

Sophie.

Upvotes: 0

Views: 499

Answers (2)

Gabriela Marques
Gabriela Marques

Reputation: 111

A quick way to do it would be a css selector img:not(.not-affected-img) and add the .not-affected-img class to the images that shouldn't be affected.

Although you should actually add a class to the changing images:

.image-effect:hover {
  transform: rotate(10deg);
}

Upvotes: 1

Rohan Rao
Rohan Rao

Reputation: 112

You can use the :not() CSS pseudo-class to not include an element. For example:

img:not(.dontselect) {
  // styles for all imgs EXCEPT .dontselect
}

Upvotes: 0

Related Questions