css3选择器 怎么让一行字的前两个字加粗

html-css027

css3选择器 怎么让一行字的前两个字加粗,第1张

<p><span style="font-weight:bold">啦啦</span>啦啦啦啦啦阿拉拉拉拉</p>

span标签把需要特殊化的字分开,并加上效果

举个例子:

比如都在一个标签里

<div class="test">

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

</div>

css:

.test p span{font-weight:bold}

这一个样式就可以了

如果在多个标签里

<div class="test">

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<ul>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

</ul>

</div>

css:

.fb{font-weight:bold}

这个就是你那儿要加粗,在那调用就行,挺方便,这个方法在上面也适用

提一下,上面我用的span也可以替换成别的标签,如strong等,我只举个例子,你用的时候自己选择就行