Как сделать новый класс

Question

Я довольно новый и до сих пор очень мокрый за ушами, когда дело доходит до стилизации css.

У меня есть класс уже определен .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> 

я не уверен, как взять только логотип часть и создать новый класс от Bolded части кода заголовка говорилось выше. Спасибо за любые предложения, ребята.

редактировать для обновления

Спасибо за ответы до сих пор ребята. Я думаю, проблема в том, что я действительно не знаю, как достаточно описать проблему.

Позвольте мне попытаться понять суть моей реальной ситуации.

У меня есть два Divs, у которых есть тень для отбрасывания, с помощью прокладки я позволил (намеренно) их наложить друг на друга, что отлично смотрится, поскольку это позволяет изображению в одном из divs слегка перекрывать другой div, дающий 3d эффект.

Это прекрасно работает до сих пор, за исключением того, что из-за того, что оба divs имеют тень, где тени перекрываются, есть более темная часть.

Я выделил на изображении divs (с прикрепленным к ним css) и более темную часть, где тени наложения перекрываются.

Я пробовал использовать переполнение: скрытый, но я не уверен, где я буду с ним, если я совершенно честен.

image here

Еще раз спасибо, ребята, и я надеюсь, что это делает немного больше смысла ... Я думаю, что большую часть времени я путаю себя :)

Answer 1

Насколько я вас понял, ты может просто ссылаться на изображение непосредственно с этим селектором в вашем CSS:

.logo img 

Если это не то, что вы хотите, пожалуйста, добавить больше деталей к вашему вопросу.

Вы можете выбрать любой тип HTML-элемента, который вы хотите, просто позвонив по его тегу. например .logo a или .menu ul li