MrMurphy1: Warum das CSS für input nicht angewendet?

Beitrag lesen

problematische Seite

Hallo

Ich will lediglich dieses Konzept testen. Man hat 3 Schaltflächen und kann damit die drei verschiedenen Sektionen Ein- und Ausblenden, so dass immer nur eine einzige sichtbar ist.

Also doch ohne das ganze drumherum. No Problemo:

<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Checkbox Hack</title>
   <meta name="description" content="HTML5, CSS3">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      section {
         display: none;
      }
      #checkbox-hack1:checked ~ section:nth-child(7),
      #checkbox-hack2:checked ~ section:nth-child(8),
      #checkbox-hack3:checked ~ section:nth-child(9) {
         display: block;
      }
   </style>
</head>
<body>
   <header>
   </header>
   <nav>
   </nav>
   <main>
      <article>
         <label for="checkbox-hack1">1. Absatz</label>
         <input id="checkbox-hack1" type="radio" name="checkbox-hack" checked>
         <label for="checkbox-hack2">2. Absatz</label>
         <input id="checkbox-hack2" type="radio" name="checkbox-hack">
         <label for="checkbox-hack3">3. Absatz</label>
         <input id="checkbox-hack3" type="radio" name="checkbox-hack">
         <section>
            <h1>1. Absatz</h1>
            <p>Eine Flagge ist eine abstrakte zweidimensionale Anordnung von Farben, Flächen und Zeichen in meist rechteckiger Form. Sie besteht in der Regel aus einem Tuch, aber auch andere Materialien, wie Papier, Plastik oder Metall, finden Verwendung. Deren gemaltes Bild erfüllt oft dieselben Zwecke wie die eigentliche Flagge.</p>
         </section>
         <section>
            <h1>2. Absatz</h1>
            <p>Flaggen dienen zur visuellen Übertragung von Informationen, ursprünglich über eine größere Distanz, wie von Schiff zu Schiff. Oft ist dies die Markierung der Zugehörigkeit beziehungsweise der Vertretung von Gemeinschaften und Körperschaften. Die Lehre vom Fahnen- und Flaggenwesen heißt Vexillologie (Flaggenkunde).</p>
         </section>
         <section>
            <h1>3. Absatz</h1>
            <p>Das Wort Flagge hat einen nordischen, vermutlich im 17. Jahrhundert in England aufgekommenen Ursprung, der vom altnordischen Wort flogra stammt, was flattern bedeutet. Um 1600, im Zuge der Entstehung von Nationalflaggen, hielt es in abgewandelter Form schließlich Einzug in den niederländischen und niederdeutschen bzw. neuniederländischen Sprachgebrauch und wurde so zur vlag (niederländisch: „Schiffsfahne“). Später wurde daraus im deutschen Sprachgebrauch dann Flagge.</p>
         </section>
      </article>
   </main>
   <footer>
   </footer>
</body>
</html>

Gruss

MrMurphy

0 46

Warum das CSS für input nicht angewendet?

Christian Wansart
  • css
  • html
  1. 3
    Matthias Apsel
    1. 0
      Christian Wansart
      1. 3
        Gunnar Bittersmann
        • barrierefreiheit
        • html
        • javascript
        1. 0
          Christian Wansart
      2. 0
        MrMurphy1
        1. 0
          Christian Wansart
          1. 0
            MrMurphy1
            1. 0
              Christian Wansart
              1. 0
                MrMurphy1
                1. 0
                  Christian Wansart
                  1. 0
                    Der Martin
                  2. 0
                    MrMurphy1
                    1. 0
                      Der Martin
                      • menschelei
                    2. 0
                      Christian Wansart
                      1. -1
                        MrMurphy1
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            MrMurphy1
                            1. 3
                              marctrix
                            2. 0
                              Gunnar Bittersmann
            2. 1
              Gunnar Bittersmann
            3. 2

              Liste oder nicht in nav?

              Gunnar Bittersmann
              • html
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
                  1. 0
                    Der Martin
                    1. 4
                      marctrix
                2. 0
                  Camping_RIDER
              2. 0

                Wieso Dritte fragen? Ein Textbrowser ist der Lackmustest.

                Mistfinder
                • barrierefreiheit
                • html
                • suchmaschinen
                1. 2
                  Christian Kruse
                2. 4
                  marctrix
                  1. 0

                    Auszeichnung von Code

                    Gunnar Bittersmann
                    • markdown
                    • zu diesem forum
                    1. 0
                      Der Martin
                      1. 0
                        Auge
                        1. 0
                          Der Martin
                          1. 0
                            Auge
                            1. 0
                              Der Martin
                              1. 0
                                Auge
                      2. 0
                        Christian Kruse
                      3. 0
                        Matthias Apsel
                        1. 0
                          Auge
                          1. 0
                            Der Martin
                            1. 0
                              Auge
                              1. 0
                                Der Martin
                                1. 0
                                  Auge
                                  1. 0
                                    Der Martin
                3. 1
                  Gunnar Bittersmann