Target media library svg images

[neo2k23]

Is it possible to add a class to the images that has the file extension of the image in the media library when viewing the image in the admin area?

This way we can write css to target f.e. all .svg images to go full size when viewing them in the admin area.

It is simply not possible now to target images by css in the admin area it always applies to all images.

so we get

<img class="details-image svg" src="https://mywebsite.com/wp-content/uploads/2022/11/Process.svg" draggable="false" alt="">

Thank you

[skithund]

You could target them with CSS attribute selectors.

.details-image[src$=".svg"] {
  border: 1px solid red;
}

[neo2k23]

@skithund thank you that did the trick.

[sabernhardt]

Thanks for confirming that the CSS attribute selector works for you.