2012-03-05 125 views
-1

是否可以通过CSS以某种方式选择包含*的标签?CSS,选择带有结尾的标签“*:”

解释更加深入,为要求:

对不起,认为这是不够清楚。我有一个html标签元素...可以包含*:最后,例如:这是必需的* :.我想为那些红色着色。

+0

到底什么?示例标记请。 – 2012-03-05 09:24:38

+1

你能举几个例子吗? – 2012-03-05 09:24:43

+2

Err,你能否澄清一下你的意思是“以*结尾的标签:'”? – orlp 2012-03-05 09:25:28

回答

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; } 
0
label[for$="*:"] 

会做它的名字!
您可以使用多种类型的选择器,您的需求是“attributeEndsWith”。
也许你看看这个文档:

编辑:

HTML标记:

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

CSS标记:

label.required{ 
     font-color:red; 
} 
+1

'

+0

是的,你是对的。如果他使用以*开头的id,那将是非常糟糕的:... – 2012-03-05 09:28:03

+1

是的,这个问题没有任何意义。 – 2012-03-05 09:29:19