html - CSS:是否可以使用 IMG Alt 属性进行样式设置？

Question

这是我以前不必处理的问题。

为了维护遗留系统，我无法直接编辑 HTML 以将 CSS 类添加到图像标签。

但是是否可以使用图片标签的替代文本来设置样式？

<img class="thumbnail" src="/H14547_front_anthrazit.jpg" alt="H14547 front anthrazit">

我想在 alt 属性中使用文本“front”来设置图像样式:

img[alt="front"] { padding: .2rem }

是否可以使用 IMG Alt 属性进行样式设置？究竟如何？

Answer 1

使用:

值包含:

img[alt*="front"] {
   padding: .2rem
}

值在一个空格分隔的列表中:(所以它适用于“front”，但不适用于“frontpage”)

img[alt~="front"] {
   padding: .2rem
}

值开始于:

img[alt^="front"] {
   padding: .2rem
}

值以结尾(所以所有的alt标签都以前面结尾)

a[href$="front"] {
   padding: .2rem
}