CSS lista dwupoziomowa i selektor identyfikatora ?

[pabel]

Czy da się opisać w stylach za pomocą jednego selektora identyfikacji (#) listę dwupoziomową ?

A jeśli nie - to czy da się wewnątrz drugiego poziomu zmienić style za pomocą innego selektora ?

Już rozwijam temat.

Mam taki problem

Jest sobie lista. dwupoziomowa a przed nią div

<div id="line1"><ul>
         <li>Link poziom1</li>
   <ul>
   <li>Link poziom2</li>
   <li>Link poziom2</li>
   </ul>
         <li>Link poziom1</li>
       </ul></div>

i style

#line1 {width: 530px;}
#line1  ul {list-style-type: disc;}

i teraz.

jeśli dodam do drugiego poziomu

<ul  class="second">

i w stylach wstawię np.

ul.second  {list-style-type: square;}

to cały czas dostaję listę na 2 poziomie z kółkiem nie kwadratem.

Tak samo jeśli dam identyfikator id="second" i zmienię w stylak na #second ul

Pomyślałem dziedziczenie jakieś psiakrew ? Albo coś źle robię

próbowałem coś w stylu

#text ul.second  {list-style-type: square;}

albo kombinacje z selektorami dzieci i tez lipa.

Oczywiście można zrobić

<div><ul  class="first">
         <li>Link poziom1</li>
   <ul class="second">
   <li>Link poziom2</li>
   <li>Link poziom2</li>
   </ul>
         <li>Link poziom1</li>
       </ul></div>

Ale tak na prawde to jeszcze są style do li a dalej będą linki i do niech też style a ja chcę załatwić to wszystko za pomocą # i mieć 500 znaków mniej w kodzie - bo tej wyliczanki dużo będzie.

Oczywiście najfajniejszym rozwiązaniem byłoby całkowicie opisac to w stylach i mieć identyfikator przed <div> ale jesli nie da rady - to skąd to dziwne "dziedziczenie" ?

[Elf]

Zle adresowanie w stylach. Najlepiej dawaj po kolei, jak leci. Np. tak:

div#line1 ul.second  {list-style-type: square;}

[pabel]

Wielkie dzięki Elf - bo zagoglałbym się chyba na śmierć.

[Hellz]

Z tego co pamiętam, taki kod wywali Ci error w walidatorze. Spróbuj użyć:

<div><ul  class="first">
        <li>Link poziom1</li>
  <li><ul class="second">
  <li>Link poziom2</li>
  <li>Link poziom2</li>
  </ul></li>
        <li>Link poziom1</li>
      </ul></div>

[pabel]

Tak - w tym przypadku własnie tak zrobiłem. Niestety raczej nie można iść "aż na takie skróty" - jakie sobie wymyśliłem.

Dzięki za pomoc.