通用选择器含特定属性值时，能否为指定元素设置样式？

为什么你的选择器不生效？ #

1. 选择器匹配逻辑错误：你写的*[style*="letter-spacing:1.614px"] .subjectText是在找带有内联style属性且包含指定letter-spacing值的父元素下的.subjectText，但你当前的letter-spacing是通过通用选择器（*）设置的，属于外部/内部样式表样式，不是元素的内联style属性，所以这个选择器找不到任何匹配元素。
2. 数值不一致：通用选择器里的letter-spacing是1.641px，但期望选择器里写的是1.614px，就算有内联样式也匹配不上。

针对需求的解决方案 #

你的核心需求是：当元素的letter-spacing/word-spacing为特定值时，将其设为自适应宽高（width: auto; height: auto;）。由于CSS无法直接根据元素计算后的样式值来选择元素，这里分两种场景处理：

场景1：匹配样式表设置的特定letter-spacing/word-spacing值

只能通过JavaScript检测元素计算后的实际样式值，再动态设置样式：

// 获取目标元素
const targetEl = document.querySelector('.subjectText');
// 获取计算后的最终样式
const computedStyle = window.getComputedStyle(targetEl);

// 检测letter-spacing是否符合目标值
if (computedStyle.letterSpacing === '1.641px') {
  // 设置自适应宽高
  targetEl.style.width = 'auto';
  targetEl.style.height = 'auto';
  // 也可以添加自定义类，用CSS统一控制样式
  // targetEl.classList.add('auto-dimension');
}

// 若需要检测word-spacing，同理：
// if (computedStyle.wordSpacing === '目标值') { ... }

如果用添加类的方式，对应CSS：

.auto-dimension {
  width: auto;
  height: auto;
  background-color: yellow; /* 示例背景色 */
}

场景2：匹配内联style属性的特定letter-spacing/word-spacing值

如果你的元素是通过内联style设置的间距，修正选择器和HTML即可：

1. 修改HTML，给目标元素添加内联style：

<span class="subjectText" style="letter-spacing:1.641px">this is the text</span>

2. 修正CSS选择器（直接匹配目标元素本身，而非父元素）：

.subjectText[style*="letter-spacing:1.641px"] {
  width: auto;
  height: auto;
  background-color: yellow;
}

⚠️ 注意：这种匹配方式依赖内联style的写法完全一致，比如空格、单位（是否带px）都会影响匹配结果，比如内联写的是letter-spacing: 1.641px（冒号后有空格），选择器也要写成[style*="letter-spacing: 1.641px"]。

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