Как изменить цвет метки, которая находится в `<ul>` и `<li>`

Question

Мне бы очень хотелось узнать, как я могу изменить font-color определенного <label>, имеющего атрибут for="shipping_method_0_774", пока он находится в неупорядоченном списке и элементе списка ...

   <ul id="shipping_method" class="woocommerce-shipping-methods">
<li>
    <input type="hidden" name="shipping_method[0]" data-index="0" id="shipping_method_0_774" value="774" class="shipping_method">
    <label for="shipping_method_0_774">Pakketpost Bezorging: GRATIS</label> 
</li>
</ul>

Очень хотел бы, чтобы вы помогли!

Заранее спасибо

Answer 1

Используйте [], чтобы установить требуемый атрибут

ul li label[for="shipping_method_0_774"]{
color:red;
}

<ul id="shipping_method" class="woocommerce-shipping-methods">
  <li>
    <input type="hidden" name="shipping_method[0]" data-index="0" id="shipping_method_0_774" value="774" class="shipping_method"><label for="shipping_method_0_774">Pakketpost Bezorging: GRATIS</label> </li>
</ul>

Чтобы быть более специфичным для текущего ul (с идентификатором) используйте:

#shipping_method li label[for="shipping_method_0_774"]{
color:red;
}

Answer 2

Это то, что вы хотите?

label[for="shipping_method_0_774"] {
  color: red;
}

<label for="shipping_method_0_774">Correct label</label>

<br>

<label for="shipping_method_1337">Random label</label>