Diskuze: Pomoc s vnořenými elementy v css

HTML a CSS HTML a CSS Pomoc s vnořenými elementy v css American English version English version

Avatar
relycanx
Člen
Avatar
relycanx:

ahoj, marně se tu pokouším naformátovat v css barvu položek seznamu bez toho, aniž bych musel upravovat HTML. Mělo by jít o práci s vnořenými elementy, kde se pracuje i se znaménky "+,>..atd". Bohužel když chci třeba jednu položku v tom seznamu hnědou a ostatní zelené, tak jsou jen všechny zelené a pak mám problém s těmi oranžovými, taky to nějak zlobí. Poradí mi prosím někdo, jak na to? :)

<article>


        <ul id="list">
          <li>obycejny text
            <ul>
              <li>zeleny text</li>
              <li>zeleny text</li>
              <li id="hneda">hnedy text</li>
            </ul>
          </li>
          <li>obycejny text</li>
        </ul>

        <ul>
          <li>obycejny text
            <ul>
              <li>oranzovy text</li>
              <li>oranzovy text</li>
            </ul>
          </li>
          <li>obycejny text</li>
        </ul>

</article>
Editováno 21.10.2014 22:57
 
Odpovědět 21.10.2014 22:57
Avatar
mayo505
Redaktor
Avatar
Odpovídá na relycanx
mayo505:
ul > li > ul > li {
    color: orange
}

ul#list > li > ul > li {
    color: green
}

ul#list > li > ul > li#hneda {
    color: brown;
}

skús toto

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět 21.10.2014 23:20
Avatar
relycanx
Člen
Avatar
Odpovídá na mayo505
relycanx:

děkuji, už to šlape. Já zapomněl, že vnořené seznamy jsou vnořené přes položku nadřazeného seznamu. Jen se chci zeptat, jestli je nutno používat i ta znamínka mezi elementy, protože mi to funguje i bez nich :) jinak jsem si taky všiml, že ID "hneda" nebude fungovat správně, dokud se nezadá kompletní cesta. Pouze zdědí vlastnosti ostatních buněk, zajímavé.

 
Nahoru Odpovědět 21.10.2014 23:35
Avatar
mayo505
Redaktor
Avatar
Odpovídá na relycanx
mayo505:

v tomto prípade to je jedno, ale celkovovo to vraj prehliadač rýchlejšie spracuje, lebo nemusí prehľadávať do hĺbky ale hneď vie, že dané pravidlo platí iba pre okamžitého potomka a nie pre všetkých nasledujúcich potomkov daného typu

to s tým #hneda je divné, malo by to fungovať aj bez kompletnej cesty

 
Nahoru Odpovědět 21.10.2014 23:52
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.