css粗体首字

pnwntuvh  于 2023-01-22  发布在  其他
关注(0)|答案(6)|浏览(126)

我如何使用CSS选择器加粗句子的第一个单词,这是一个好的/坏的方式来做到这一点方面的浏览器可比性?
代码:

<h2>this is a sentence</h2>

thx

e4yzc0pl

e4yzc0pl1#

CSS中没有::first-word伪元素;你必须把第一个单词 Package 在一个额外的元素中,然后选择它。

6mzjoqzu

6mzjoqzu2#

使用范围类
因此创建一个名为bold的类,并将类中的第一个单词换行。

.bold {
font-weight:bold;
}

然后

<h2><span class="bold">the</span> brown fox</h2>
kokeuurv

kokeuurv3#

我把单词放在<b>First</b>之间

b1uwtaje

b1uwtaje4#

只要把第一个单词放在一个强标签里。

<h1><strong>This</strong> is how you do it simply.</h1>

这是JS Fiddle

mw3dktmi

mw3dktmi5#

当前的CSS选择器现在允许这样做。
所以我改变了我的方法,加粗了第一行。

    • 超文本标记语言**
<h2>this<br> is a sentence</h2>
    • 中央支助组**
h2::first-line{
   font-weight: bold;
}
kxeu7u2r

kxeu7u2r6#

如果PHP是一个选项:

$string = "I've got a wonderful feeling";
$arr = explode(' ',trim($string));
$first = $arr[0];
$all_but = str_replace ("$first ","",$string);

这将给予你第一个单词和字符串的其余部分。然后你可以分别设置每个单词的样式。毫无疑问,$all_but有一个更平滑的选项。

相关问题