CSS，選擇帶有結尾的標籤「*：」

Question

是否可以通過CSS以某種方式選擇包含*的標籤？

解釋更加深入，爲要求：

對不起，認爲這是不夠清楚。我有一個html標籤元素...可以包含*：最後，例如：這是必需的* :.我想爲那些紅色着色。

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

編輯：

HTML標記：

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

CSS標記：

label.required{ 
     font-color:red; 
}