CSS, выберите ярлык с концом «*:»

Question

Как можно, с помощью CSS выбрать метки, содержащие *: в конце?

Разъяснения более глубоко, в соответствии с просьбой:

К сожалению, думал, что это было достаточно ясно. У меня есть html-label-element ... который может содержать *: в конце, например: Это необходимо * :. Я хотел бы окрасить их в красный цвет.

Answer 1

В настоящее время не представляется возможным совпадение элемента через содержание только через CSS.

Я полагаю, что вам нужно подстроить метки, связанные с необходимыми полями ввода (те, кто заканчивает *). если вы в управлении разметки вы можете просто добавить класс .required к меткам или, если вы используете html5 requiredатрибут можно укладывать их таким образом:

HTML

<input type="text" id="firstname" ... required> 
<label for="firstname">First name <sup>*</sup></label> 

css

[required] + label { color: red; } 

Answer 2

label[for$="*:"] 

будет делать это за имя!
Существует много типов селекторов, которые вы можете использовать, для ваших нужд это «attributeEndsWith».
Может быть, вы посмотрите на эту документацию:

• http://csscreator.com/content/attribute-selector-ends

EDIT:

HTML Markup:

<label class="required" for="nameInput">This is the required name:</label> 
<input name="nameInput" type="text"/> 

CSS верстка:

label.required{ 
     font-color:red; 
}