如何通过CSS匹配以quantity_开头的Input ID设置宽度？

你的问题出在选择器写错了，这两个写法都存在错误：

• 第一个选择器input[div*='quantity_']：input元素不存在div属性，你要匹配的是id属性
• 第二个选择器div[id^="quantity_"]：目标元素是<input>而非<div>，元素类型选错了

正确的CSS写法如下：

input[id^="quantity_"] {
  width: 30px !important;
}

简单说明：

• input明确指定了目标元素的类型是输入框
• [id^="quantity_"]是属性选择器，其中^=用于匹配id值以quantity_开头的元素

如果设置后仍然不生效，可以排查这两点：

• 是否有优先级更高的CSS规则（比如行内样式、更具体的类选择器组合）覆盖了当前样式
• 确认目标input元素的id确实是以quantity_开头，没有拼写错误

内容的提问来源于stack exchange，提问作者Dee F