Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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

Aktivity
Avatar
relycanx
Člen
Avatar
relycanx:21.10.2014 22:57

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
Tvůrce
Avatar
Odpovídá na relycanx
mayo505:21.10.2014 23:20
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í
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
21.10.2014 23:20
Avatar
relycanx
Člen
Avatar
Odpovídá na mayo505
relycanx:21.10.2014 23:35

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
Tvůrce
Avatar
Odpovídá na relycanx
mayo505:21.10.2014 23:52

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.