Html 如何创建一个新类

我是个新手，在css样式设计方面，我还是个新手

我已经定义了一个类。logo，但是我想从下面的标题模板中为logo图像和背景创建第二个类

<div id="container">
    <a name="top" id="top"></a>
    <div id="header">
        **<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>**
        <div class="menu">
            <ul>
                <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>

                <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
            </ul>
        </div>

我不知道如何仅取logo部分，并从上面突出显示的标题代码的粗体部分创建一个新类。谢谢你们的建议

编辑以更新

谢谢大家到目前为止的回复。我认为问题是我真的不知道如何充分描述这个问题

请允许我试着解释一下我的实际情况

我有两个分区，它们都有阴影，通过使用填充，我仔细地允许它们彼此重叠，这看起来很棒，因为它允许其中一个分区中的图像与另一个分区稍微重叠，从而产生3d效果

到目前为止效果很好，只是因为两个div都有一个阴影，阴影重叠的地方有一个较暗的部分

我在图像中突出显示了附加了css的div以及阴影重叠的较暗部分

我尝试过使用overflow:hidden，但如果我完全诚实的话，我不确定我将使用它

---

再次感谢各位，我希望这有点道理。。。我想大多数时候我都弄糊涂了：

据我所知，你可以直接用css中的这个选择器引用图像：

.logo img

如果这不是你想要的，请在你的问题中添加更多细节

---

实际上，只需通过标记调用它，就可以选择所需的每种HTML元素。e、 g..logo a或.menu ul li

看起来像**中的粗体部分？是.logo的一部分，那么有什么不同呢上面链接的重复帖子不是同一个问题。版主似乎有发痒的扳机手指。好的，谢谢你的问题更新。用我现有的东西解决这个问题对我来说很难。你能给我一个到你网站的链接或者提供一个带有相应代码的JSFIDLE吗？嗨，卢卡斯盖特，我不确定我是否被允许发布任何链接，所以希望这不会被认为是不尊重，但是到我网站的链接是为了显示你的问题，发布链接是完全可以的。好的，我的第一个想法是把盒子的阴影从标志和另一个div上去掉，然后把它放在headerI上。我真的不知道为什么我从来没有想过！是的，我想那会有用的。非常感谢卢卡斯盖特，你不会相信我花了多少时间试图解决这个问题，以及这么简单的解决方案。非常感谢！没问题，很高兴我能帮忙。