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

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

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

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

@H_403_1@

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

@H_403_1@

img[alt="front"] { padding: .2rem }
@H_403_1@是否可以使用IMG Alt属性进行样式设计?究竟是怎么回事?
最佳答案
使用:

@H_403_1@值包含:

@H_403_1@

img[alt*="front"] {
   padding: .2rem
}
@H_403_1@值位于空格分隔列表中:(因此它适用于“前”,但不适用于“前页”)

@H_403_1@

img[alt~="front"] {
   padding: .2rem
}
@H_403_1@价值始于:

@H_403_1@

img[alt^="front"] {
   padding: .2rem
}
@H_403_1@值结束(所以所有alt标签的结尾都是正面)

@H_403_1@

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

猜你在找的HTML相关文章