如何单独修改DHL配送方式对应的label标签文字颜色

你可以通过CSS属性选择器精准匹配DHL对应的标签，实现仅修改DHL配送选项的字体颜色，两种可选方案如下：

方案1：直接匹配对应label的for属性（兼容性最好） #

DHL配送选项对应的单选框id为shipping_15，其对应的label的for属性也为shipping_15，直接通过属性选择器定位即可：

#cart-options .delivery-container .delivery .name label[for="shipping_15"] {
  color: #fa6161 !important;
  font-weight: bold !important;
}

替换掉你原来全局匹配所有配送label的CSS代码即可，不会影响其他配送方式的样式。

方案2：通过配送ID匹配灵活性更高 #

如果后续页面结构调整可能导致label的for属性变动，可以匹配DHL对应的配送ID值15，只要DHL的配送ID不变样式就不会失效：

#cart-options .delivery-container .delivery:has(input[name="shipping_id"][value="15"]) .name label {
  color: #fa6161 !important;
  font-weight: bold !important;
}

注：has()选择器在Chrome 105+、Firefox 121+、Safari 15.4+版本均支持，可覆盖绝大多数现代用户场景。

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