对如何编辑标签的css感到困惑

Question

我有一个单选按钮标签(我不能更改(

<label class="gui-left" for="gui-form-shipping-external|liquid-delivery|delivery_zone_891_0">
Deliver Today
</label>

我需要在css中更改以下内容：

text-transform: uppercase;
font-size: small;
font-weight: 400;

类->因为给了我一段艰难的时光。。。

Answer 1

我想这可能就是您想要的：

.gui-left[for='gui-form-shipping-external|liquid-delivery|delivery_zone_891_0'] {
text-transform: uppercase;
font-size: small;
font-weight: 400;
}

[for=...]是一种特定的css选择器语法。参见CSS属性选择器