Autor Zpráva
RastyAmateur
Profil
Krásné dopoledne,

aktuálně se nudím na hodině informatiky, a zkouším pokus, který plánuji již delší dobu, jen jsem byl moc líný. Je to absolutně primitivní:
<!doctype html>
  <head>
    <meta charset="utf-8">
    <style>
      .page{
        display: none;
        }
      .page:target{
        display: block;
        }
    </style>
  </head>
  <body>
    <div class="page" id="st">Prvnííí</div>
    <div class="page" id="nd">Druhááá</div>
    <div class="page" id="rd">Třetííí</div>
  </body>
</html>
Jde nějak pomocí HTML nebo CSS udělat div, který se zobrazí v případě, že nebude zvolená žádná kotva?

Děkuji, RA
Str4wberry
Profil
Možná ano: Živá ukázka
RastyAmateur
Profil
Str4wberry:
Super, děkuji! Ovšem abych se přiznal, moc tomu nerozumím... Koukal jsem i na w3 selectory, ale stále nějak nemohu pochopit, co to znaménko ~ znamená a jaký má v tomto případě smysl... :-(
Str4wberry
Profil
Seznam všech CSS 3 selektorů » Libovolný sourozenec
RastyAmateur
Profil
Str4wberry:
Děkuji za pomoc, ale jak se zdá, ani vysvětlení česky mi moc nepomůže. To nevadí... Pochopím to, až to budu potřebovat a napadne mě použit toto. Ovšem dêkuji za snahu:-)
Str4wberry
Profil
Jinak řečeno .a ~ .b zachytí všechny elementy .b, které následují po elementu a. a mají společného rodiče.

Živá ukázka

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: