Стили: как выделить жирным некоторые категории

Можно, например, если верстка сделана так, что вложенные категории действительно вложены в основные. т.е.

<div id='menu'>
<div class='menu_item'>Основная 1
  <div class='menu_item'>Побочная 1</div>
  <div class='menu_item'>Побочная 2</div>
  <div class='menu_item'>Побочная 3</div>
</div>

</div>

тогда будет так

#menu .menuitem

{

font-weight:bold;

}

.menuitem .menuitem

{

font-weight:normal !important;

}

другой вариант

<div id='menu'>
<div class='menu_main'>
  <div class='menu_item'>Основная 1</div>
  <div class='menu_item'>Побочная 1.1</div>
  <div class='menu_item'>Побочная 1.2</div>
  <div class='menu_item'>Побочная 1.3</div>
</div>

<div class='menu_main'>
  <div class='menu_item'>Основная 2</div>
  <div class='menu_item'>Побочная 2.1</div>
  <div class='menu_item'>Побочная 2.2</div>
  <div class='menu_item'>Побочная 2.3</div>
</div>

</div>

Т.е. если все основные категории как то отделены друг от друга

тогда например так

.menu_main:first-child

{

font-weight:bold;

}

кажется даже везде работает

вы бы привели фрагмент html-кода этих категорий, было бы понятней.

можно попробывать схему чтото вроде

ul { }

ul li { }

li ul li{ }

и т.д.

neolord, спасибо, это то, что нужно, отлично :)

spermint добавил 06.02.2009 в 21:21

neolord, спасибо, это то, что нужно, отлично :)

вообще то для этого специально придуман DL и выдумывать ничего не надо:

<dl>

  <dt>Основная 1</dt>

     <dd>Второстепенная 1.1</dd>

     <dd>Второстепенная 1.2</dd>



  <dt>Основная 2</dt>

     <dd>Второстепенная 2.1</dd>

     <dd>Второстепенная 2.2</dd>

</dl>