html – CSS:是否可以使用IMG Alt属性进行样式设计?

前端之家收集整理的这篇文章主要介绍了html – CSS:是否可以使用IMG Alt属性进行样式设计?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这是我以前没有必须解决的问题.

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

但是可以使用图像标签的替代文字进行样式化吗?

H14547 front anthrazit

我想使用alt-attribute中的文本“front”来设置图像的样式,如:

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

是否可以使用IMG Alt属性进行样式设计?究竟是怎么回事?

最佳答案
使用:

值包含:

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

值位于空格分隔列表中:(因此它适用于“前”,但不适用于“前页”)

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

价值始于:

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

值结束(所以所有alt标签的结尾都是正面)

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

猜你在找的HTML相关文章