如何在不添加类或ID的情况下,通过CSS修改指定URL图片的高度
如何在无类/ID的情况下修改图片高度
嘿,这个问题其实很好解决,完全可以通过CSS实现,甚至真的能借助你的IMAGE-URL来定位这张图片,下面给你两种实用的方案:
1. 通过图片的src属性精准定位(就是你提到的用IMAGE-URL的方式)
CSS里的属性选择器可以直接匹配元素的属性值,刚好能用来定位这张特定的图片。写法如下:
img[src="IMAGE-URL"] { height: 100px; /* 可选:保持图片比例,避免拉伸变形 */ width: auto; }
注意这里的IMAGE-URL要和img标签里的src值完全一致(包括大小写、参数这些细节),这样才能精准选中目标图片。
2. 选中页面中所有img(如果这是页面里唯一的图片)
如果你的页面里只有这一张图片,或者想统一修改所有图片的高度,直接用标签选择器就够了,写法更简单:
img { height: 100px; width: auto; }
另外补充个小细节:height属性可以用多种单位,比如px(固定像素)、%(相对父容器高度)、rem(相对根字体大小),你可以根据需求选择合适的单位~
内容的提问来源于stack exchange,提问作者OPTIMUS PRIME
相关产品推荐
相关产品推荐

