Как стилизовать тег изображения с помощью SRC?

Question

У меня есть тег изображения, как,

<img src="image/path/goes/here/random_id">

и random_id меняется случайным образом. Как перехватить этот тег из внешнего CSS-файла без использования идентификатора, класса или любого другого атрибута.

Answer 1

Я не знаю, к чему вы стремитесь. Однако это именно то решение, о котором вы просили (я предлагаю придать стиль, используя селектор jQuery, так как кажется, что вы используете динамические идентификаторы.

img[src="hello/world/123"]{
  border:10px solid red;
}

<img src="hello/world/123">

Answer 2

Вы можете поместить его в тег div и ссылаться на него как на ребенка.

<div>
  <img src="your_path/path">
</div>

Тогда в CSS ..

div:first-child {
do css here...
}

Answer 3

Вы можете использовать путь содержит селектор в атрибуте src в соответствии с этим

https://www.w3schools.com/cssref/sel_attr_contain.asp

img[src*="image/path/goes/here/"]{
  border:1px solid red;
  min-width:50px;
  min-height:50px;
}

<img src="image/path/goes/here/123">
<img src="image/path/goes/here/321">

<img src="this/is/another/path/321">