我该如何使用CSS选择器加粗句子的第一个单词?这种方法在浏览器兼容性方面是好还是坏?
代码:
<h2>this is a sentence</h2>
谢谢
我该如何使用CSS选择器加粗句子的第一个单词?这种方法在浏览器兼容性方面是好还是坏?
代码:
<h2>this is a sentence</h2>
谢谢
CSS中没有::first-word
伪元素;你需要将第一个单词包裹在额外的元素中,然后选择该元素。
$('h2').each(function(){ var $p = $(this); $p.html($p.html().replace(/^(\w+)/, '<strong>$1</strong>')); });
- atma<h2>this<br> is a sentence</h2>
h2::first-line{
font-weight: bold;
}
$string = "I've got a wonderful feeling";
$arr = explode(' ',trim($string));
$first = $arr[0];
$all_but = str_replace ("$first ","",$string);
这将给您第一个单词和字符串的余下部分。然后您可以分别为每个单词设置样式。毫无疑问,$all_but 还有更平滑的选项。
.bold {
font-weight:bold;
}
那么
<h2><span class="bold">the</span> brown fox</h2>
<b>First</b>
之间。