Hallo, ich versuche, einen 3-Tab-Block für meine WordPress-Site zu erstellen. Wenn der Benutzer auf Tab 1 klickt, erhält er den Inhalt von Tab 1, wenn der Benutzer auf Tab 2 klickt, erhält er den Inhalt von Tab 2 und so weiter. Mein Problem ist, dass ich nicht weiß, wie ich den Datenzielwert erhöhen kann. Da es für alle drei Registerkarten den Zielwert „tab-1“ hat, entspricht es nicht CSS. Andere Inhalte werden nicht ausgeblendet. Außerdem möchte ich nicht, dass meine Aktivitätsklasse ebenfalls in einer Schleife angezeigt wird. Ich möchte lediglich, dass die gelbe Aktivitäts-CSS-Klasse auf der ersten Registerkarte angezeigt wird.谢谢

//=====Tabulatorzeile CSS======= .nav-tabs li::before { Inhalt: ''!important; } .nav-tabs { /* Anzeige: Flex; */ /* padding: 0 100px 0; */ /* Hintergrundfarbe: #2f1400; */ border-bottom: 2px solid $color-text; Rand unten: 1rem; } @media (min-width: 576px) { .nav-tabs .nav-item { maximale Breite: 233px; } .nav-tabs { Flex-Wrap: nowrap; } } .nav-tabs li a.active, .nav-tabs li:hover a{ Hintergrundfarbe: $color-gold !important; Farbe: $color-text !important; } .nav-tabs li a{ Hintergrundfarbe: #fff; Rahmen: 1 Pixel einfarbig $color-text !important; /* Randradius: 0 !important; */ Farbe: $color-text; Anzeige: Inline-Block; Polsterung: 5px 15px; Rand rechts: -1px; Schriftgröße: 1rem; Schriftstärke: 700; } .nav-content { maximale Breite: 1200px; Bildschirmsperre; Rand: 0 automatisch; } @media (maximale Breite: 575 Pixel) { .nav-tabs li a{ Randradius: 0 !important; Breite: 100 %; Polsterung: 1rem; } .nav-tabs li { Breite: 100 %; } }