Ich verstehe, wie man übergeordnete Stile überschreibt, und ich weiß, dass dieses Beispiel erfunden ist, aber gibt es eine Möglichkeit (mit Inline-CSS), dass die untergeordnete Bereichsangabe angezeigt wird, obwohl das übergeordnete Element auf keine Anzeige eingestellt ist?
%Vor%Kurze Antwort: Nein.
Lange Antwort: Es gibt keine Möglichkeit, die Anzeige in Kindern zu überschreiben, wenn der Elternteil ausgeblendet ist. Sie können JavaScript verwenden, um die untergeordnete Spannweite von ihrem übergeordneten Element zu entfernen und sie in den Textkörper einzufügen, in dem Sie einen Anzeigestil anwenden können. Dinge wie Anzeige, Deckkraft, Sichtbarkeit usw. wirken sich auf die Kinder von Elementen aus, auf die sie angewendet werden. Die Effekte können nicht vollständig konterkariert werden, aber für Dinge wie Opazität können sie hinzugefügt werden.
Nein, Sie können den Effekt von display: none auf innere Elemente nicht überschreiben. Der Grund ist, dass die CSS-Spezifikation explizit in der Beschreibung des Wertes none für die % co_de steht % Eigenschaft :
Dieser Wert bewirkt, dass ein Element nicht in der Formatierungsstruktur angezeigt wird (d. h. in visuellen Medien erzeugt das Element keine Felder und hat keine Auswirkungen auf das Layout). Nachkommenelemente erzeugen auch keine Boxen; Das Element und sein Inhalt werden vollständig aus der Formatierungsstruktur entfernt. Dieses Verhalten kann nicht außer Kraft gesetzt werden, indem die Eigenschaft 'display' für die Nachkommen festgelegt wird.