您好,我有一个具有值的标签,但我需要为该词添加不同的样式。
<label> 00001 M2 Available </label>
label{
font-size:15px;
}
字体大小 15px 应仅应用于 0001。任何人都可以帮助我解决如何使用 css 的问题。
最佳答案
目前唯一可行的方法是将第一个单词(或任何其他单词)包装在特定元素中并为该元素设置样式:
<label><span>0001</span> M2 Available</label>
label span {
font-size: 15px;
}
您可以设置 ::first-letter
的样式和带有 CSS 的 ::first-line
伪元素,但出于某种原因,W3C 选择不或没有考虑允许 ::first-word
伪元素。
从测试(在 Chromium 28/Win XP 中)看来,使用 ::first-line
伪元素会设置第一个单词的样式(虽然我不认为 这是一个特定的行为),所以它可能不可靠跨浏览器:
label {
display: inline-block;
}
label::first-line {
font-size: 2em;
}
引用资料:
关于css - 如何使用 css 为一个标签字段添加不同的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19000124/