如何使用css向一个标签字段添加不同的样式?

如何使用css向一个标签字段添加不同的样式?,css,css-selectors,Css,Css Selectors,嗨,我有一个标签,这是有价值的,但我需要添加不同的风格,以该词 <label> 00001 M2 Available </label> label{ font-size:15px; } 00001平方米可用 标签{ 字体大小:15px; } 字体大小15px只能应用于0001。关于如何使用css实现这一点,谁能帮我一个忙。目前,唯一可行的方法是将第一个单词(或任何其他单词)包装在特定元素中,并设置该元素的样式: <label><span>00

嗨,我有一个标签,这是有价值的,但我需要添加不同的风格,以该词

<label> 00001 M2 Available </label>

label{
font-size:15px;
}
00001平方米可用
标签{
字体大小:15px;
}

字体大小15px只能应用于0001。关于如何使用css实现这一点,谁能帮我一个忙。

目前,唯一可行的方法是将第一个单词(或任何其他单词)包装在特定元素中,并设置该元素的样式:

<label><span>0001</span> M2 Available</label>

label span {
    font-size: 15px;
}

参考资料:


目前,唯一可行的方法是将第一个单词(或任何其他单词)包装在特定元素中,并设置该元素的样式:

<label><span>0001</span> M2 Available</label>

label span {
    font-size: 15px;
}

参考资料:

检查js小提琴

00001平方米可用
检查js小提琴

00001平方米可用

为您的标签跨度提供一个可用的
00001 M2的等级
。然后设置该类的样式。labelItem
{font size:15px;}

使用可用的class
00001 M2提供标签跨度。然后设置该类的样式。labelItem
{font size:15px;}

HTML:

<label><p class="p01">00001</p> M2 Available</label>
HTML:


首先,David的解决方案是完美的,但是如果您不想添加任何额外的元素,那么可以使用
content:“
property。。如果你仍然不能使用它,那么你需要使用JavaScript


首先,David的解决方案是完美的,但是如果您不想添加任何额外的元素,那么可以使用
content:“
property。。如果你仍然不能使用它,那么你需要使用JavaScript



我不应该在这两者之间添加任何标签。那么这不能在你的CSS用例下完成;这可以通过JavaScript完成(但只能通过使用JavaScript用另一个标记包装相关单词,并如上所述,设置该标记的样式)D@Mr.Alien:我是一个业余爱好者,我在工作中(英国的NHS)休息时运行这个。说真的,我希望他们能更新操作系统。但遗憾的是,他们在一段时间内不会这么做。(在家里,我是一个严格的*Nix人;不“更新”到非OSS操作系统。)@DavidThomas我尝试了Linux,但恢复到了W7,哦,所以公司应该很快升级:)…我不应该在两者之间添加任何标签。那么,在你使用CSS的情况下,这是无法做到的;这可以通过JavaScript完成(但只能通过使用JavaScript用另一个标记包装相关单词,并如上所述,设置该标记的样式)D@Mr.Alien:我是一个业余爱好者,我在工作中(英国的NHS)休息时运行这个。说真的,我希望他们能更新操作系统。但遗憾的是,他们在一段时间内不会这么做。(在家里,我是一个严格意义上的*Nix人;不“更新”到非OSS操作系统。)@DavidThomas我尝试了Linux,但恢复到了W7,哦,所以公司应该很快升级它们:)…我不应该在标签之间添加任何标签。它应该只通过标签来实现。我不应该在标签之间添加任何标签。只能通过该标签实现。您不应该在标签内添加标签,那么您可以将00001放在标签外吗?您不应该在标签内添加标签,那么你能把00001放在外面吗?是的,这个方法我可以使用内容属性实现,但有一个问题,这个值0001每次都会改变,我们可以不硬编码处理这个值。是的,这个方法我可以使用内容属性实现,但有一个问题,这个值0001每次都会改变,我们可以处理如果没有对值进行硬编码,我现在不会投反对票,但我会提请您注意只对
标签
元素文本的00001部分进行样式化的要求,而不是对整个文本进行样式化。我现在不会投反对票,但我会提请您注意只对
标签
元素文本的00001部分进行样式化的要求,而不是对整个文本进行样式化。
<label><p class="p01">00001</p> M2 Available</label>
p.p01{
font-size:15px;
}
label.class_name:before {
    content: "00001";
    color: red;
}