如何通过src设置图像标签样式？

Question

我有一个类似的图像标签，

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

，并且random_id随机变化。如何在不使用id，class或任何其他属性的情况下从外部CSS文件捕获此标记。

Answer 1

您可以在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">

Answer 2

我不知道你的目标是什么。但这是您所要求的解决方案（我建议您使用jQuery选择器提供样式，因为您似乎正在使用动态ID。

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

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

Answer 3

您可以将其放在div标签中，并将其作为子引用。

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

然后使用CSS。

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