本来想通过Google搜索得到答案，但是我感觉组织不好语言。于是来这里了。

html部分代码如下：

 <li>
    This is a nice world.        
    <pre>
         I don't want to be bold!
    </pre>
    <div>....</div>
    .... <!-表示许多不同种类的标签-->
</li>

我现在需求是只让 This is a nice world 加粗，但是 <pre> 中的内容字体不被加粗。

这个能够使用CSS直接来控制么？还是需要使用js来修改。我的想法是最好是使用纯CSS实现。

麻烦各位回答啦，谢啦：）