CSS、末尾が "*："のラベルを選択

Question

CSSを使用して、何とか*：を含むラベルを選択することは可能ですか？

は申し訳ありませんが、それは十分に明らかと思った：

が要求されるように、より深く説明しました。私はhtml-label要素を持っていますが、最後に*：を入れることができます。これは必須です*：。私はそれらの赤を着色したいと思います。

Answer 1

は、現在だけでCSSを介してコンテンツを通じて要素の可能な一致ではありません。

必要な入力フィールド（末尾が*）に関連付けられたラベルをスタイルする必要があるとします。あなたはマークアップのコントロールにいる場合は、HTML5 required属性を使用している場合、あなたは単にあなたがこの方法でそれらのスタイルを設定でき、ラベルにクラス.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マークアップ：

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

CSSマークアップ：

label.required{ 
     font-color:red; 
}