我如何使用CSS选择器加粗句子的第一个单词,这是一个好的/坏的方式来做到这一点方面的浏览器可比性?代码:
<h2>this is a sentence</h2>
thx
e4yzc0pl1#
CSS中没有::first-word伪元素;你必须把第一个单词 Package 在一个额外的元素中,然后选择它。
::first-word
6mzjoqzu2#
使用范围类因此创建一个名为bold的类,并将类中的第一个单词换行。
.bold { font-weight:bold; }
然后
<h2><span class="bold">the</span> brown fox</h2>
kokeuurv3#
我把单词放在<b>First</b>之间
<b>First</b>
b1uwtaje4#
只要把第一个单词放在一个强标签里。
<h1><strong>This</strong> is how you do it simply.</h1>
这是JS Fiddle
mw3dktmi5#
当前的CSS选择器现在允许这样做。所以我改变了我的方法,加粗了第一行。
<h2>this<br> is a sentence</h2>
h2::first-line{ font-weight: bold; }
kxeu7u2r6#
如果PHP是一个选项:
$string = "I've got a wonderful feeling"; $arr = explode(' ',trim($string)); $first = $arr[0]; $all_but = str_replace ("$first ","",$string);
这将给予你第一个单词和字符串的其余部分。然后你可以分别设置每个单词的样式。毫无疑问,$all_but有一个更平滑的选项。
6条答案
按热度按时间e4yzc0pl1#
CSS中没有
::first-word
伪元素;你必须把第一个单词 Package 在一个额外的元素中,然后选择它。6mzjoqzu2#
使用范围类
因此创建一个名为bold的类,并将类中的第一个单词换行。
然后
kokeuurv3#
我把单词放在
<b>First</b>
之间b1uwtaje4#
只要把第一个单词放在一个强标签里。
这是JS Fiddle
mw3dktmi5#
当前的CSS选择器现在允许这样做。
所以我改变了我的方法,加粗了第一行。
kxeu7u2r6#
如果PHP是一个选项:
这将给予你第一个单词和字符串的其余部分。然后你可以分别设置每个单词的样式。毫无疑问,$all_but有一个更平滑的选项。